2011-07-14 13 views
0

IE7 + IE8では、ブラウザが小さなサイズ(1024 x 768など)に設定されているとバックグラウンドに問題があります。背景が非常に右側に広がり、水平スクロールバーが表示されます。IE7 + IE8で水平スクロールバーの問題

これはバグのスクリーンショットです。 1024x768でサイトを表示すると、レイアウトが無い水平スクロールしてコンテンツ領域を中心としなければならない

enter image description here

ヘルプ!

+0

'doctype'がhtml4 strictに設定されていますが、代わりにhtml4 transitionalを試してみてください。 http://www.w3.org/QA/2002/04/valid-dtd-list.html – MikeM

答えて

1

実際には必要ないまたは適切でない状況で相対配置を使用しました。このプロセスでは、あなたが望むレイアウトを得るために非常に奇妙な測定値を設定します。この修正には、主に相対的な位置決めスタイリングを削除することが含まれます。

私があなたに与えた3つのルールを置き換えると、問題が解決されるはずです。

.rightmenu .leftCol { 
    margin-top: -61px; 
    float: left; 
    width: 100%; 
} 
.rightmenu .col1wrap { 
    float: left; 
    padding-bottom: 1em; 
    width: 50%; 
} 
.rightmenu .col2 { 
    border-left: 1px solid #C1C1C1; 
    min-height: 1000px; 
    padding-left: 7px; 
    width: 212px; 
    float: right; 
} 

上記のルールのいくつかを別のスタイルシートに重複していることに気付きました。これらの重複ルールを完全に削除し、上記の3つのルールのみを使用して競合がないことを確認する必要があります。

+0

ありがとうございました。それは完璧に働いた。あなたは私にかなりの時間を節約しました。 CSSはすべての上書きのためにちょっと混乱しているので、苦労しています。 IE7の他のいくつかの問題について別の質問があります。 http://stackoverflow.com/questions/6700025/css-problem-with-navigation-and-search-filters-in-ie7 – Eric

関連する問題