I searched for a long time for a simple CSS solution to the eternal "sticky footer"
the most elegant solution. It should be simple, right?
The other day, I stumbled upon what looked like a basic HTML/CSS solution. I wanted CSS
that would push the footer to the bottom of the page, irrespective of content height,
in an ASP.NET Master Page setup. Thanks to Ryan Fait for this.
It was straightforward enough to get it working for IE7. Firefox 3.0 didn't play nice
at first until I moved the wrapper and footer divs out to the master page. Feel free to
download the sample below and try it out for yourself - VS 2008 solution. Ignore the red wigglies in the
master page. It has been tested in IE7, Firefox 3.0 and Chrome 0.2.149.29.
CSS_Sticky_Footer.zip (19.91 kb)