-nagłówek
-treść
-stopka
zawarte jest to w w 3 divach
strona ma zajmować całą dostępną szerokość i wysokość dostępnego okna przeglądarki, co udało się prawie uzyskać...
ale po kolei...
nagłówek i stopka mają określoną wysokość
sprawę całej szerokości okna załatwia np:
w stylach:
#h-lewa { width: 100%; float: right; margin-left: -280px; } #h-prawa { margin-left: 280px; }
podobnie jest ze stopką, z treścią również tylko trzeba sobie policzyć dostępną wysokość ekranu, minus nagłówek i stopka, ja to robię tak:
* { margin: 10; } html, body { height: 100%; } .header { height: 180px; } .tresc{ min-height: 100%; height: auto !important; height: 100%; margin: -180px auto -90px; /*stopka, treść i nagłówek*/ } .footer { height: 90px; }
Podobnie jak dla nagłówka mamy
I wszystko by było ładnie, ale "t-lewa" i "t-prawa", zajmują wysokość jaka jest im potrzebna, a ja chce żeby one zajmowały dokładnie całą przestrzeń wyznaczoną przez div id="tresc".