If you’re like most developers out there, you’ve probably created a web site with a footer in your master template. This footer is supposed to stay at the bottom of the window independent of how much content you may have in the body of your page. You get finish coding your site and start filling pages with content. For those pages that fill the screen, your footer flows to the bottom of the window without a problem. Then you come to those one or two pages where there’s just not enough content to fill an entire window. What happens to the footer? It’s now floating in the middle of the window! Argh!!!
Thankfully, Joss over at cssreset.com has posted an easy tutorial on using CSS to keep the your web site footer at the bottom of the browser window regardless of the page’s content. Give it a try and let me know if it works for you!
Note: I have this categorized under CSS3 but really that’s only because I don’t really have a CSS category. You don’t need CSS3 to use this feature.