Ben nu al tijden aan het puzzelen geweest en het lijkt zo simpel en toch lukt het me niet.

zie deze afbeelding:

http://www.wilbertesker.nl/naamloos.png

Ik heb een header van 201 pixels
Ik heb een content met een variabele hoogte (ligt aan de content erin)
Ik heb een footer van 71 pixels.

De footer moet altijd onder de content zitten, maar als de content lager is dan het scherm moet de footer onder aan het scherm blijven hangen.

Hoe doe ik dat?

Code:

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -71px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 71px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

Alleen zou ik persoonlijk alles een ID maken dus #wrapper, #push en #footer.

http://www.cssstickyfooter.com/

probeer dit eens:

.footer, .push {
height: 142px; /* .push moet even hoog zijn als .footer */
}

bron: http://ryanfait.com/sticky-footer/
Aanvullend bericht:
Bjorn, je was me net voor!

haha!

Thanks allemaal! Volgens mij werkt dit inderdaad!