Keeping site footer at the bottom

I recently ran into a CSS issue that I could not figure out. I wound up contacting Richard over at Akira Media about it and he sent me to this site:

http://www.themaninblue.com/writing/perspective/2005/08/29/

It describes a technique using CSS that will keep a footer at the bottom of a browser window no matter how big the browser gets or how big the content gets.

Note: you must know the height of the footer for it to work and I wound up having to use some line breaks (
) inside the div tag right before the #footer div to make it work. I tested it on IE7 and the latest Mozilla and it seemed to work ok.

This entry was posted on Wednesday, December 6th, 2006 at 1:29 PM by Scott and is filed under Web Design. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.