IE寬度渲染問題

我設計了一個固定寬度的頁面，它可以在Chromium，Firefox，Safari中同等渲染，但是在IE瀏覽器的所有風格中都有一個小問題。我爲IE添加了一些有條件的樣式，這會讓事情變得更好一些，但它仍然是關閉的（僅有幾個像素）。IE寬度渲染問題

我添加條件樣式爲IE來固定所有的元素，在此之前的寬度，橫幅的風格比身體窄得多。

我假設我打了一個IE瀏覽器的bug，但我找不出哪一個！任何人都可以幫忙嗎？

感謝，李

2011-10-24 Lee

你mainbodyie規則的寬度比在標準的CSS寬度不同。（851px vs 848px）。修復這個以匹配你的其他包裝。

另外你的頁面不在IE中居中 - 我建議你用一個固定寬度的包裝器將整個頁面包裝成頁邊距：0 auto來居中整頁 - 所以你不要在你的css中多次重複這個寬度佈局元素。

2011-10-24 11:01:12 easwee

你說的沒錯，但這只是我的黑客攻擊的一部分。我現在從IE條件中刪除了固定的寬度。此外，身體的風格是固定寬度的邊距：10px auto。 IE仍然看起來一樣 - 它似乎忽略了汽車的水平邊距。 – Lee

@李 - 你可能會在IE中遇到雙重保證金問題。嘗試從'.tabcontent'中移除'margin-left：20px;'並將其放在'div-nav'作爲保證金。左浮動元素可以將它的左邊距加倍，即在某些場合。 – easwee

現在它已部分修復，從您的帖子和kapillohakare提示，所以感謝您的幫助。我的身體有寬度的所有限制。我已經將它轉換爲坐在身體內的div，這有所幫助。剩下的唯一問題是IE似乎忽略了汽車（水平）邊距。 – Lee

/* ONLY FOR IE */ 

DIV.mainbodyie{ 
    width: 848px; 
} 

DIV.mainbody{ 
    padding-right: 0; 
}

2011-10-24 11:04:05 Dev

使用DIV結構包圍下的這個div代碼的所有內容，如頭部，中部，頁腳中it.Add：

.test{ 
overflow:auto; 
margin: 0 auto; 
}

2011-10-24 11:11:43 kapillohakare

我已經這樣做了，它肯定有幫助（右側的抵消問題已經消失） - 非常感謝。唯一剩下的問題是IE似乎忽略了汽車水貨邊緣。 – Lee

試試這個：left：50％; margin-left：-380px; – kapillohakare

解決了保證金問題。我的doctype聲明不正確，所以IE進入怪異模式，因此忽略了自動保證金。 – Lee

回答