Menu
There seems to be random white space after the footer at the bottom of the site, but it only shows up in Firefox. The site pulls up fine in Safari and Chrome. When I try to use inspect element, the white space doesn't seem to fall under any tags. It doesn't seem tied to any footer tags either as removing them didn't change anything.
I'm using Ryan Fait's Sticky Footer solution for my footer. It seems to work fine on Chrome and Safari, but doesn't seem to work on Firefox.
You can test it at: http://www.edmhunters.com/martin-garrix/
Any ideas what I'm doing wrong?
215
This is because you don't have enough content on the page to push the footer down past the height of the screen resolution. If you add more content into a page it'll force it down and decrease the white space.
Re: I NEED TO COMPLETELY GET RID OF THE SPACE ALLOCATED TO HEADERS AND FOOTERS. On the Page Layout tab of the ribbon, in the Page Setup group, click Margins > Custom Margins... Set Top, Header, Bottom and Footer to 0, then click OK.
If you add
overflow:hidden
To the footer element, it seems to fix the problem in firefox. I got this idea from this question, so it's probably the same or a similar issue (collapsing margins).
82
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
