CSS, utvide med innhold

[Vonbo]

En klassisk problemstilling her.

 

Jeg vil ha en footer på en midtstillt side. Footeren skal alltid ligge på bunn av siden, og dersom innholdet på siden vokser, skal også footeren følge etter.

 

Hvordan kan jeg gjøre dette på best mulig måte?

 

Jeg vet at følgende er feil, men er eneste måten jeg har fått til å legge den i bunn av siden på:

 

#footer {position: absolute; top: 800px;font: 12px Orator Std;}

 

Og dette er den som kommer til å utvide seg..

#main { float: right; width: 678px; padding-top: 0px;}

[rønning]

Skjønte ikke helt det med midstilt side, #main er jo floatet right?

 

det beste er å lage en wrapper som inneholder hele siden med:

margin: 0 auto;

 

så lager du 3 diver inni #wrap, alle med clear: both;

 

da får du et design med 3 bokser oppå hverdandre som du kan style som du vil

[Vonbo]

Her er alle divene:

 

#wrapper {background-color: #ffffff; background-image: url(../graphics/border.gif); background-repeat: repeat-y; margin: 0 auto; padding: 0; width: 843px; text-align: left; height: 800px; margin-top: 0px;}

 

#header {position: relative; background-image: url(../graphics/header2.gif); background-repeat: no-repeat; width: 843px; height: 124px;}

 

#menu {float: left; margin-left: 10px; width: 140px; padding-top: 0px; font: 14px News Gothic Std;}

 

#main { float: right; width: 678px; padding-top: 0px;}

 

#footer {position: absolute; top: 800px;font: 12px Orator Std;}

 

Og denne footeren vil jeg skal flytte seg med innholdet på siden.. Bortsett fra når innholdet på siden er mindre enn høyden på skjermbildet, da skal footeren ligge igjen på bunn av siden..

 

Var det forståelig? Jeg er utrolig uttydelig nå føler jeg

[rønning]

kan du ikke bare ta å lage en div med id footer og slenge den sist i wrapper-diven, og så slenge på clear: both i css'en?