CSS Tables Version
A far simplier, robust, and semantic method is to mimic HTML <tables> using CSS table properties. For an example, check out the demo page.
Legacy Methods
This page was was built using the IE8 Version as described below.
IE8 Version
The method I’m using here is from http://www.cssstickyfooter.com/
Very often you will find that the vertical scrollbar is still appearing (when it shouldn’t) and it scrolls only a few pixels. This is because there is padding or margin set somewhere, or the heights in your footer are not correct. Things to check:
- Is there margin defined on the first or last element in the page?
- Is there margin defined on the first and last element that contains text (such as
<h1>or<p>tags)?
View the source code to see how this page was built.
Now that IE8 and the old Opera engine are basically dead, I am now using a simplified method create create a FooterStick. Check these out instead:
Note: None of these work in IE8. They all work in IE10. In IE8, the footer will still show, but not necessarily where you want it; the first two behave differently from the last one.