これは奇妙に思えます。あなたが使用しようとしましたので、私は、ページが小さくても画面上に水平スクロール可能でない場合は、あなたが気にしないと仮定しています:
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
を削除するだけで、スクロールバーが消えます。
互換性のあるビューでIE8でテストしましたが、ここにはスクロールバーはありません。私が見た間違った唯一のものは、水平ではなく垂直だったメニューでした。スクリーンショットを投稿できますか? – Andre
このSOの質問を見てください:http://stackoverflow.com/questions/2941172/hide-horizontal-scrollbar-in-ie-7-and-below –
ここにIE7のスクリーンショットがあります:http://dl.dropbox .com/u/2899749/screen.png – Milksamsa