IE7 + IE8中的水平滾動條問題

Question

在IE7 + IE8中，當瀏覽器設置爲小尺寸（例如1024 x 768）時，後臺存在問題。背景向右延伸很遠，導致水平滾動條。

下面是錯誤的截圖。

當觀看在1024x768站點，佈局應與沒有水平滾動內容區域中居中。

幫助！

Answer 1

您在實際上不需要或不適合的情況下使用了相對定位。在這個過程中，你設置了一些非常奇怪的測量來獲得你想要的佈局。修復主要涉及去除很多相對定位樣式。

如果您替換下面給出的三條規則，它應該可以解決您的問題。

.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; 
} 

我注意到你在另一個樣式表中複製了上面的一些規則。你應該完全刪除這些重複的規則，只使用上面的三個來確保沒有衝突。