White space under footer in Firefox only
# August 1, 2012 at 4:00 pm
I am having an issue in Firefox where a white space is appearing under my footer only on the homepage. I have tried everything under the sun (that I know of at least) to try and fix this, but no luck. After inspection, there are no divs whose height/margin is going below the footer. I have tried overflow: hidden on every container to see if I can get rid of it – still nothing. You can find the page here. Again, this is only happening in Firefox. Any insight would be much appreciated!# August 2, 2012 at 11:02 am
@TheDoc thanks for the input. I swapped body and the container_12 in the header, however when I went into the footer to switch and I was surprised to find that there wasn’t a closing div there to be removed. Somewhere in the theme WordPress is adding an extra div, but I can’t identify where. Any insight?# August 2, 2012 at 3:33 pm
@death180 it is not in index.php or footer.php – WordPress is automatically generating this div. What doesn’t make sense to me is that this div exists on the page template, single template, and every other template on the site, but there is no white space under the footer on those pages. Even if we do find the source of this mysterious div, I’m still not sure that’s going to be the solution…
@TheDoc any ideas?# August 3, 2012 at 5:15 am
I don’t know why it would make a difference but your linked js files near the bottom of the page seem to be inside your containing div (just after the closing footer tag).
Try moving them between the closing div tag and the closing body tag.
As I said, shouldn’t make any difference but who knows?# August 23, 2012 at 3:14 pm
@TheDoc rendered. here is footer.php
* The template for displaying the footer.
* Contains the closing of the id=main div and all content
* after. Calls sidebar-footer.php for bottom widgets.
* @package WordPress
* @subpackage Boilerplate
* @since Boilerplate 1.0
You must be logged in to reply to this topic.