I'm working on a theme for wordpress here http://mhutchinson.me.uk/ but a scroll bar is being added to the bottom of the webpage saying that the body content is wider than the page.
But I cant figure out whats pushing the content out. Does anyone know how to solve this?
Thanks, Megan
If you just care about getting rid of the scrollbar, you can hack it out by specifying the overflow or width of your html or body elements.
Well if you really can't figure it out start with this before all of the other CSS: http://www.cssreset.com/
This should be Your problem:
<iframe scrolling="no" id="f1830c0ce6ba962" name="f323631050eb616" style="border: medium none; overflow: hidden; height: 240px; width: 575px;" class="FB_UI_Hidden" src="http://www.facebook.com/dialog/oauth?api_key=153185341443233&app_id=153185341443233&channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D9%23cb%3Df4145651077ece%26origin%3Dhttp%253A%252F%252Fmhutchinson.me.uk%252Ffb320d27f95db6%26domain%3Dmhutchinson.me.uk%26relation%3Dparent.parent&client_id=153185341443233&display=none&domain=mhutchinson.me.uk&locale=en_US&origin=1&redirect_uri=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D9%23cb%3Df24fe177267a76a%26origin%3Dhttp%253A%252F%252Fmhutchinson.me.uk%252Ffb320d27f95db6%26domain%3Dmhutchinson.me.uk%26relation%3Dparent%26frame%3Df1830c0ce6ba962&response_type=token%2Csigned_request%2Ccode&sdk=joey"></iframe>
You need to make this iframe width smaller.