2011-02-05 75 views
0

我正在製作網站,並且在一些頁面上,IE添加了一些像素以使其具有水平滾動條,而另一些則不是。我真的無法弄清楚這裏有什麼問題。這裏是我的CSS任何幫助將不勝感激(我在網站上使用jQuery,如果這影響你的答案)。IE將像素添加到寬度

html, body { 
    padding: 0; 
    margin: 0; 
    border: 0; 
    height:100%; 
    min-height:900px; 
    font-size: 12px; 
    font-family: Tahoma, Geneva, sans-serif;     
} 
.north { 
    height: 100px; 
    margin-right:5px; 
} 
.south { 
    height: 2em; 
    background-color: #3F3F3F; 
    border-top: 1px solid black; 
    font-size:80%; 
    color: rgb(200, 200, 200); 
    width:100%; 
    display:block !important; 
    position:absolute !important; 
    bottom:0px !important; 
    left:0px !important; 
} 
.west { 
    width: 200px; 
    font-size: 0.78em; 
} 
.center { 
    font-size: 80%; 
    height:auto; 
    min-width:300px; 
} 

這些多!重要符號,其中用於什麼不工作,但刪除它們不能解決問題,一些其他的東西修復。

+0

請顯示相關的html。請撥打 – gearsdigital 2011-02-05 16:46:17

+0

或指向該網站的鏈接。 – Jeff 2011-02-05 16:58:42

回答

2

可能在北邊緣。 IE的盒子模型與所有其他瀏覽器不同。嘗試評論(和任何其他容器填充邊距&),看看是否解決了這個問題。

容器中還有什麼可能會炸燬它。 IE不尊重寬度,並將擴展容器以支持內容,而其他瀏覽器則不支持。您可以通過向元素添加「overflow:hidden」來查看是否屬於這種情況。

另外,學會使用你的工具。使用IE開發工具(在IE8中點擊F12),然後使用單擊選擇(看起來像工具欄上的指針),在元素上放置一個邊框,以查看哪個元素是罪魁禍首。

相關問題