[CSS][HTML] Problem z trzema divami Opcje

[amanda909]

Witam,
mam problem - chce umieścić trzy divy obok siebie w jednym divie o szerokości 100%. Środkowy div ma być wyśrodkowany o stałej szerokości a lewy i prawy div przylegać do niego i zmieniać swoją szerokość w zależności od okna przeglądarki. Moje próby: http://jsfiddle.net/wk6p6uwv/1/ i nie wiem jednak co robię źle.

[Geniesis]

Jeżeli środkowy DIV ma mieć stałą szerokość można zrobić to np. tak:
https://jsfiddle.net/aez8u7p1/

środkowy DIV ma 20%, więc w pozostałych 100-20 = 80, 2 divy są po bokach dlatego /2.

[trueblue]

http://jsfiddle.net/wk6p6uwv/2/

[amanda909]

Jeżeli środkowy DIV ma mieć stałą szerokość można zrobić to np. tak:
https://jsfiddle.net/aez8u7p1/

środkowy DIV ma 20%, więc w pozostałych 100-20 = 80, 2 divy są po bokach dlatego /2.

Twoje rozwiązanie jest bardzo fajne - ale czy pójdzie zablokować środkowego diva? tzn. przy zmniejszaniu przeglądarki divy nachodzą na siebie a chciałabym, żeby środkowy div się zatrzymał w pewnym momencie dlatego ustawiłam mu szerokość w px.

[Geniesis]

Pytanie kiedy jest ten moment, w tym wypadku najczęściej stosuje się RWD np.

[HTML] pobierz, plaintext 
 @media only screen and (max-width: 500px) {
//tutaj zmiana szerokości tak jak się chce, ew, schowanie elem, zmiana float tak by jedno było pod drugim
}
[HTML] pobierz, plaintext 

[trueblue]

http://jsfiddle.net/wk6p6uwv/3/