Search code examples
csshtmlwordpressfooter

White space below footer only in IE

I am building a Wordpress blog for my company and I picked a theme I thought would go well with our business. I have added widgetized areas to the footer to facilitate easy customization. When the page loads, a weird white space is below the footer, but this only happens in IE. In Chrome, when I am at the bottom and refresh the page, I can see the white space, but it disappears as soon as the page loads. The page renders correctly in everything but IE. Any help getting rid of this would be greatly appreciated.

Here is a live link to the blog.

Solution

  • There are a couple of things you could try.

    1. Remove the line-height: 1 from the .fb_reset class, because the #fb-root div is essentially empy this shouldn't render — however IE might get confused.

    2. Add an overflow: hidden to your #footer and #container elements.