Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]3 divy obok siebie
Forum PHP.pl > Forum > Przedszkole
erick_V
Witam,
Na wstępnie zaznaczam, że nie jest to problem taki jak setka innych tematów "3 divy..." na tym forum.
Otóż mi nie chodzi o wysokość a szerokość. Już tłumaczę.

Mam sobie 3 divy obok siebie. Środkowy ma na sztywno ustaloną szerokość a boczne mają zawsze rozciągać się po równo tak aby zawsze ściśle przylegały do ścian okna i do środkowego. No i całość musi być wyśrodkowana, tzn środkowy div zawsze na środku. Boczne divy mają ustawione gradienty w CSS. Wygląda t dość ciekawie. Lewy ma gradient od lewej do prawej i analogicznie prawy na odwrót. A że gradienty są w CSS to ładnie będą mi się rozciągać tylko nie mogę wpaść na to jak zrobić aby te boczne po równi rozciągały się a środkowy był wyśrodkowany.

Zamierzam osiągnąć poniższy efekt:
______________
|<<<|XXXX|>>>|
|<<<|XXXX|>>>|
|<<<|XXXX|>>>|
|<<<|XXXX|>>>|
Oczywiście efekt graficzny a nie tekstowy wink.gif Gdzie < to div lewy, X to środkowy i > to prawy. X ma na sztywno szerokość a pozostałe zmieniają się w zależności od rozdzielczości czy rozmiaru okna.

Pomoże ktoś. Dziękuję.
pedro84
Google.pl => css faux columns
pbierni
Powinno pomóc : http://matthewjamestaylor.com/blog/equal-h...er-css-no-hacks
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.