Forum PHP.pl

Witam,

próbuję ustawić obok siebie elementy DIV o szerokości 100% okna przeglądarki np. w rozdzielczości 1024x768 wszystkie elementy DIV będą miały 1024px szerokości a w 1920x1080 odpowiednio 1920px szerokości. Ponadto chce ustawić je tak żeby w momencie oglądanie jednego reszta była "po bokach" tak jak na załączonym obrazku.

(IMG:http://netpax.pl/obrazek_div.jpg)

Przy stałych szerokościach wiem jak to poustawiać ale przy zmiennych nie. Tak więc gdyby ktoś miał pomysł...

Pozdrawiam.

Musisz objąć wszystkie te DIV-y jednym DIV-em macierzystym o szerokości równej zsumowanej szerokości DIV-ów, które mają być obok siebie (tak, wiem, zagmatwanie to napisałem) (IMG:style_emoticons/default/tongue.gif)
Czyli dla 4 DIV-ów ten macierzysty powinien mieć 400% szerokości okna przeglądarki, a pozostałe (te w środku) po 25% jego szerokości.

[CSS] pobierz, plaintext 
div#macierzysty { width: 400%; } /* zakladajac, ze jest to "najgłówniejszy" DIV na stronie - tylko wtedy uzyska 400% szerokosci okna przeglądarki */
div.wSrodku { width: 25%; float: left; }
[CSS] pobierz, plaintext 

Do zrobienia za pomocą JS. Przy pomocy samego CSS może być ciężko - chyba, że ilość DIV-ów się nie zmieni.

Ten post edytował Michasko 12.02.2013, 11:53:57

Dzięki za pomoc, choć patrząc na rozwiązanie wstyd trochę że samemu nie wpadłem (IMG:style_emoticons/default/sciana.gif)