CSS Techniques - Sticky Footer

Description
The Code
Notes

Sticky Footer

Interested in the sticky footer on this site? The technique used is pure css taken from http://ryanfait.com/.

After trying various methods of keeping the footer at the bottom of the page, I chose this as it has the best cross browser compatability (IE5+ , Firefox, Safari, Chrome and Opera), and relied solely on css.

A stripped down demo can be seen here.

CSS

HTML

Notes

All the website content must be after the #stick-footer DIV starts, and before the .push DIV begins.

The negative margin for sticky footer must be equal to the height of the .push and #footer divs (this will need to include borders and padding).