Smart red fox » footerSmart red fox http://www.smartredfox.com Smarter than your average bear Thu, 02 Feb 2012 21:18:15 +0000 en hourly 1 Keeping your footer at the bottom of the page http://www.smartredfox.com/2008/04/keeping-your-footer-at-the-bottom-of-the-page/ http://www.smartredfox.com/2008/04/keeping-your-footer-at-the-bottom-of-the-page/#comments Wed, 23 Apr 2008 13:12:25 +0000 admin http://www.smartredfox.com/?p=6 Continue reading →]]> Created a site design but keep getting white space showing below your loving crafted footer? Me too, a bit of research later and I’ve found a fix that works well, integrates with the yui framework, and seems to work well cross-browser.

The basic principle is pretty simple.

  • Make the body 100% tall no matter what.
  • Give it a negative bottom margin the size of your footer.
  • Move you footer up into the space left by the bottom margin

There’s a few other steps to make it work cross-browser (ie6+) but that’s basically it.

I found the solution here.


]]> http://www.smartredfox.com/2008/04/keeping-your-footer-at-the-bottom-of-the-page/feed/ 0