Need help figuring out why there is a horizontal scroll bar beyond the container

HTML & CSS
1

http://siteground306.com/~deltasi3/wordpress/

There shouldn’t be a horizontal scroll bar when the window is wider than the container div. Can anyone look at the source and see whats going on?

Thanks so much in advance,

Luke

2

HI,

The iframe in your 74px twitter box is 300px wide which means it overflows and causes a scrollbar.

You could just hide the overflow if you wanted.

#twitter-box{overflow:hidden}

Although usually its better to make sure things actually fit :slight_smile:

3

Yes, there are actually 2 iframes in there, one set to 450px and the other to 300px:


<iframe scrolling="no" id="f2d4daff38730fe" name="f748fcbdbac56" style="border: medium none; overflow: hidden; height: 20px; width: [COLOR="#FF0000"]450px[/COLOR];" title="Like this content on Facebook." class="fb_ltr" src="http://www.facebook.com/plugins/like.php?channel_url=https%3A%2F%2Fs-static.ak.fbcdn.net%2Fconnect%2Fxd_proxy.php%3Fversion%3D3%23cb%3Df129e950aadf7c8%26origin%3Dhttp%253A%252F%252Fsiteground306.com%252Ff3ffd506f7b4b72%26relation%3Dparent.parent%26transport%3Dpostmessage&amp;extended_social_context=false&amp;font=tahoma&amp;href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FDelta-Sigma-Phi-at-Towson-University%2F260557834008887&amp;layout=button_count&amp;locale=en_US&amp;node_type=link&amp;sdk=joey&amp;send=false&amp;show_faces=false&amp;width=450"></iframe>


<iframe scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/follow_button.1326407570.html#_=1327017274095&amp;_version=2&amp;enableNewSizing=false&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=TUDeltaSig&amp;show_count=false&amp;show_screen_name=false&amp;size=m" class="twitter-follow-button" style="width: [COLOR="#FF0000"]300px[/COLOR]; height: 20px;" title="Twitter Follow Button"></iframe>
4

Thanks so much guys! I knew I shouldn’t have just thrown that code in without going through it.