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%; [IKKE min-height!]
Sett pakkeelementet *både* height:auto !important; min-height:100% og height:100%; og viktigst av alt: position:relative; - absolutt posisjon forholder seg til den nærmeste relative.
Gi innholdselementet en bunnpadding som er LIK eller STØRRE enn høyden på footeren.
Sett footeren position:absolute; bottom:0;
Pakkeelementet må inneholde margin:0 auto; for å få midtstilt sidene, om dette er ønskelig.
LANG side HER
- her ligger forøvrig hele Lorem Ipsum-smæla, for de som har bruk for det -
SIDE med SPALTER- demo med 3.spaltet layout -