Stuntet med 100% height med header og footer, går altså ut på:

Nullstill padding, margin og border fra toppen av stilarket (noe man bør gjøre uansett hva man ønsker å oppnå)

Sett html, body til height:100%;

Sett pakkeelementet *både* height:auto !important; min-height:100% og height:100%; og viktigst av alt: position:relative;

Gi innholdselementet en bunnpadding som tilsvarer høyden på footeren.

Sett footeren position:absolute; bottom:0;

Pakkeelementet må inneholde margin:0 auto; for å få midtstilt sidene, om dette er ønskelig.


Link til side med "masse" tekst - her ligger forøvrig hele Lorem Ipsum-smæla, for de som har bruk for det ...

 

Link til side med 2spalter layout - og såkalt "faux column" bakgrunn.