2011-09-15 6 views
5

私はこの1つに私の頭を叩いています。水平スクロールバーはIE7でのみ表示されます。オーバーフローでも:非表示に設定されています

私はIE7で、私のサイトを閲覧した場合にのみ表示されます不穏な水平スクロールバーがあります。私が試したし、私のdivの上overflow:hiddenを使用することによって起こってからではなく、私はいくつかの理由でこれを停止しようとしてい
http://www.regia.it

を問題を引き起こしているものを見つけることができないようです。

ご協力いただきまして誠にありがとうございます。

+0

互換性のあるビューでIE8でテストしましたが、ここにはスクロールバーはありません。私が見た間違った唯一のものは、水平ではなく垂直だったメニューでした。スクリーンショットを投稿できますか? – Andre

+0

このSOの質問を見てください:http://stackoverflow.com/questions/2941172/hide-horizo​​ntal-scrollbar-in-ie-7-and-below –

+0

ここにIE7のスクリーンショットがあります:http://dl.dropbox .com/u/2899749/screen.png – Milksamsa

答えて

7

これは奇妙に思えます。あなたが使用しようとしましたので、私は、ページが小さくても画面上に水平スクロール可能でない場合は、あなたが気にしないと仮定しています:

body{overflow-x: hidden;} 

その場合、あなたがhtmlではなくbodyにそれを適用した場合、それが何をすべきトリック:

html{overflow-x: hidden;} 

私は本当にこの長期を実装したいとは思わないでしょうが、あなたは簡単な修正を探しているなら、あなたは間違って何が起こっているのかうまくできるようになるまで、これは一時的な措置としてOKである必要があります。また、現代のブラウザで大多数の人々のための経験を台無しにしないように、条件付きコメントに入れます。

<!--[if IE 7]> 
    Link to alternate style sheet 
    OR 
    <style> /*CSS in here*/ </style> 
<![endif]--> 

EDIT:私は、問題の原因を発見したので、上記の回避策を使用する必要はありません。私が疑うところでは、この問題は絶対的および相対的なポジショニングに関連していました。

.grid_2.grid_12からposition:relativeを削除するだけで、スクロールバーが消えます。

+0

ありがとうございます。それは私が正確にあなたの答えの前にちょうど2分をして、バグを修正したものです。あなたが言ったように、私はもっと良い解決策を望んでいたでしょうが、これはやります!ありがとうございました。 – Milksamsa

+0

@milksamsa:使いやすさの低下の回避策を使用する必要がなかったことを嬉しく思います。 – tw16

+0

+1の編集については、 'position:relative' - それは私にとってのニュースであり、私にいくつかのトラブルをもたらしました。私は本当にそれが究極の解決策だと思っています - オーバーフローを隠すことは、必要であってもそれが遠ざかります! – tmsimont

1

私もこの厄介な問題に遭遇しました。私はdivにテーブルを持っていて、これは外側のdivの中にあった。内側divの幅を100%にするためにスタイルを削除したとき、私の 'IE7 only'スクロールバーの状況は消えました。

うまくいけば、やや役立ちます。

関連する問題