使用Firefox时右边空白

Question

Have some unwanted white space in the right margin when viewing the site with firefox. Problem doesn't occur with other browsers.

I've tried putting a 2px border around all elements to see if there's a hidden div, but there doesn't seem to be.

The link to the page is . . .

http://msmdesignz-testing.info/wp/

Thanks.

Answer 1

There's an Facebook iframe that's being injected into the <div id="fb-root"></div> in your page. That iframe (that's identified as iframe id="fabb7e18d7b7ca" class="FB_UI_Hidden") has an inline style width="575px" that is causing the extra white space on the right side of your page in FF.

You'll need to find a way to eliminate that width definition. Adding a style cascade somewhere in your css like this: .FB_UI_Hidden { width: 100px !important; } .FB_UI_Hidden { width: 100px !important; } (or with an appropriate width) would resolve your problem.