Forum PHP.pl

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 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ę.

Google.pl => css faux columns

Powinno pomóc : http://matthewjamestaylor.com/blog/equal-h...er-css-no-hacks