Sticky footer

[supersjaaltje]

Hallo,

op elke website zie je wel een footer die als de tekst te kort is toch precies op einde van jouw scherm staat (sticky footer?)
maar.. hoe maak je z'n sticky footer op een bestaande CSS? zou iemand mij hier mee kunnen helpen?
of kan iemand mij een voorbeeld geven?

alvast bedankt!

 

[quintoo]

.footer{
    position: absolute;
    bottom: 0;
}

zorg er wel voor dat je "hoofdblok" een position: relative; heeft.
Als het goed is moet het zo werken

of met jQuery:
[JS]
$(document).height(); == hoogte van je document
en dan bv met position: absolute;
top: "antwoord document.height";
[/JS]

succes!

 

[supersjaaltje]

Thnx!