Unwanted horizontal scroll bar in IE7
I have a site that is working fine, except in IE7 there is a massive horizontal scroll bar.
I would have to paste the entire html code and css code so I will refer y开发者_如何学运维ou to the page source.
You can see the site here.
Any assistance would be greatly appreciated.
Thanks.
This was a strange challenge as there was nothing that appeared to be causing the issue. However, thanks to Tony Crockford he noted that there was a div with italic text in it that might be causing the issue. And sure enough it was.
Here it the suspect code:
<span class="strength">strength...experience...understanding</span>
I had that styled to be italic:
span.strength {
float: right;
margin: -60px 0 0 0;
font: italic 20px Georgia, "Times New Roman", Times, serif;
color: #16506a;
}
However there is a bug that causes problems: http://www.brunildo.org/test/ie7_ithscroll.html
And this is the solution:
overflow: auto;
Crazy stuff! But it works.
I don't see a horizontal scrollbar (FF 3.6.3 Ubuntu 10.04 1920x1200 res). What resolution are you running at?
You can use overflow: hidden
to hide the scrollbar.
精彩评论