Unexplainable gap on bottom of web page

Question

I'm having an issue with a site we launched recently. There's a 25 pixel gap at the bottom of the site that I cannot explain, and I've exhausted all troubleshooting techniques I could think of trying to figure this out.

http://bit.ly/1I2m3ZD

Here's what I can tell you is NOT causing it:

1) There is no margin or padding on the body or HTML tags. 2) The footer does not have a bottom margin or padding. 3) The height of the footer is static. 4) There are no elements within the footer that are hanging outside of the box. 5) When I eliminate the both the footer and the content area, the gap is still there. 6) There are no 3rd party apps installed which would affect page layout (and if there were, any dynamic changes would show in Inspector).

I'm using Firefox inspector to troubleshoot this. Inspector is showing nothing that indicates the space should be there, and when I remove elements one at a time by deleting them through the inspector, the gap does not go away. What am I missing?? Either I'd like to learn how to use inspector for troubleshooting better (because I'm obviously not troubleshooting effectively), or I'd just like to find out what could cause this gap and not show up when I try to hunt it down.

Answer 1

I should elaborate. The problem is caused by the code <iframe name="google_conversion_frame"...

Because this iframe is in the flow and has layout, it is being added at the bottom of the page and adding the space. Your best bet would be to apply a style to it, giving it position: absolute; and a left: -5000px; or similar style to remove it from view.

Answer 2

There seems to be an iframe at the bottom of your site named 'google_conversion_frame' causing the added spacing. I would suggest adding the following to your CSS:

iframe[name="google_conversion_frame"] {
  height: 0;
  clip: rect(0, 0, 0, 0);
  visibility: hidden;
  position: absolute;
}

I have heard that using display: none can cause issues with iframes and tracking pixels but that information may be outdated and so display: none may be fine.