położenie stopki zawsze nadole przy zmiennych wywsokościach zawartości strony

[biznesmen]

Witam!

Mam taki problem:

Chcę zrobić szkielet strony oparty na DIVach w której zawartość będzie składała się z 2 kolumn (prawej i lewej) które mogą być różniej wysokości, zaś pod tymi obydwoma kolumnami znajdować się będzie stopka.

Nie mogę zrobić stopki na {position:absolute;} gdyż wysokość danych kolumn zależeć będzie od dynamicznej zawartości strony, w tym też raz prawa kolumna może być większa a raz lewa. W każdym razie stopka ma znajdywać się poniżej tych obydwu kolumn (czyli kolumny większej).

Jak to efektywnie zrobić za pomocą CSS no i jak poukładać te 3 DIVy??

[Hubert]

<div id="page">
 <div id=left>
 </div>
 <div id="right">
 </div>
 <div id="spacehandler">
 </div>
 <div id="footer">
 </div>
</div>

#spacehandler to normalny div tak jak w przypadku gdyby stopka miała znajdować się bezpośrednio pod kolumnami. Ma za zadanie zarezerwowanie miejsce w przypadku gdy treści będzie więcej niż na 2 ekrany, dla #footer dajesz absolute do samego dołu, i to by było na tyle, dostosuj do swoich potrzeb

[biznesmen]

<div id="page">
 <div id=left>
 </div>
 <div id="right">
 </div>
 <div id="spacehandler">
 </div>
 <div id="footer">
 </div>
</div>

#spacehandler to normalny div tak jak w przypadku gdyby stopka miała znajdować się bezpośrednio pod kolumnami. Ma za zadanie zarezerwowanie miejsce w przypadku gdy treści będzie więcej niż na 2 ekrany, dla #footer dajesz absolute do samego dołu, i to by było na tyle, dostosuj do swoich potrzeb

ale to przecież większego sensu nie ma!!?? co z tego że ustawię dla stopki {postion:absolure; bottom:0px;} . Wtedy to stopka będzie znajdować się przy dolnej krawędzi przeglądarki, ale nie dolnej krawędzi strony (a jak wiadomo zawartość strony zwyczaj jest dłuższa, a stopka wisi gdzieś po środku zawartości). No chyba że jakoś ten #spacehandler mam ustawić ale jak??

[yavaho]

Wcześniej były tabelki i zostały przyzwyczajenia ktore chce się zastosować na divach?

<div style="width:600px">
 <div style="width:300px; float:left">LEWA</div>
 <div style="width:300px; float:right">PRAWA</div>
 <div style="clear:both">STOPKA</div>
</div>

[Hubert]

źle zrozumiałem problem