Teoretisk oppsett av footer

[casualtie]

Har stusset over dette lenge.

Vil ha en footer som skal befinne seg nederst på siden uansett høyde.

 

Har prøvd position: absolute; bottom: 0;

uten hell, da vil nemlig footer bare plassere seg i bunnen av siden slik det ser ut ved første

øyekast, med engang man scroller nedover siden vil footeren bare beholde sin førse plassering.

 

Jeg ønsker en footer som befinner seg helt nederst på siden uansett mengde med innhold, og det er ikke snakk om en "position: fixed;" footer.

 

Noen som har noen steg jeg kan følge?

[Equerm]

Du lager et div oppsett med følgene divs: topp, innhold og footer. alle sammen legger seg automatisk under hverandre..

 

Var det slik du mente?

[LoS]

Hva med position: fixed; bottom:0; ?

Finner noen IE-hacks til det, google er fint.

[Steinmann]

liker personlig å la wrap div'n strekke seg 100%, også legge footer som et bilde nedest i den div'n. Det funker som en drøm, men da mister man endel funksjonalitet.

[d0ppler]

orsus' sitt forslag er nok den mest vanntette, men hva skjer hvis innholdet over er så langt at det strekker lengre enn høyden på skjermen?

 

EDIT : leif

Endret 8. mars 2005 av dga01

[casualtie]

Til Equern:

Jeg vet ikke helt hvordan du tolket meg der, men hva om feks innholdsboksen bare har tekst som tilsvarer 10px? Hvordan ville du da latt footern ligge helt nederst på skjermen, som kanskje kjører en oppløsning på 1200x1000? Hva vet vi...

 

Til LoS:

Jeg trodde jeg skrev at dette var noe jeg ikke ønsket, jeg ønsker feks. en slik footer hw.no siden har, ligger helt nederst uansett høyde på siden. Og ikke over selve innholdet.

 

Til orsus:

Virket som et godt forslag, men hva med dette dga01 kom innpå?

Endret 8. mars 2005 av casualtie

[LoS]

Fikk ikke med meg det jeg da :$

Har fått det til før. Litt knotete å måtte lage "hacks" til alle mulige browsere da.

Mener jeg gjorde noe sånt:

div#wrap
{
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
}
div#footer
{
position: absolute;
bottom: 0;
width: 100%;
}

[halvardm]

Jepp, det er sånn du gjør det.

Du trenger kun den koden pluss at du må cleare nederst i #wrap div'en din om du har det. Jeg bruker denne metoden ofte.

[Ṱormod]

Legg til clear: both; i footer-diven. Det løser ofte problemet-