Miałem parę lat względnej przerwy w kodowaniu html-owym, ostatnio przyszło
trochę odkurzyć, więc poczytałem trochę, zapoznałem się z trendami, i to boju.
Próbuję być na bieżąco - stworzyć layout beztabelowy, ale trafiłem na kamień,
którego nie sposób ominąć, a googlowe poszukiwania (mimo przegrzebania
dziesiątków stron na temat "div height 100%") jakoś bez rezultatów.
Problem jest prosty - chcę uzyskać layout nagłówek, dwie kolumny, stopka, żeby
ładnie się prezentował także przy małej zawartości tekstowej (tj. by stopka
wtedy była na dole strony, a nie tuż pod zawartością). Tabelkowo - banał
<table height="100%">
<tr><td class=header colspan=2> </td></tr>
<tr><td class=left> </td>
<td class=center> </td>
</tr>
<tr><td class=footer colspan=2 valign=bottom> </td></tr>
</table>
i działa. Ale jakoś nie potrafię znaleźć sposobu, by layaout
<div id="container">
<div id="header"> </div>
<div id="left"> </div>
<div id="main"> </div>
<div id="footer"> </div>
</div>
czy też wersja z dodatkowym <div id="content"> </div> obejmującym left i
main zachowywała się równie ładnie dla powiedzmy kilku linijek tekstu.
Większość porad na temat "div 100%" sugeruje, by container miał wysokość
wyrażoną w PIKSELACH - a przecież chyba nie tędy droga...
Pomóżcie mistrzowie przekonać się do nowoczesnych trendów i ominąć ten problem :)
Rafał
