Internet Explorer 9 - CSS Breaking

我在這裏模擬了HTML/CSS網站，它在Firefox/Chrome上工作得非常好，但在Internet Explorer上，網頁的組織正在打破;頁腳div來到標題部分）。我試圖調試它，但沒有運氣。Internet Explorer 9 - CSS Breaking

如果你能看一看並給我點指點，那將是非常棒的。

謝謝!!

2012-03-15 Tu Hoang

在IE9中看起來不錯... – elclanrs 2012-03-15 20:15:21

問題只出現在IE7中 - 如果兼容模式打開，可以在IE9中看到。 – 2012-03-15 20:18:11

不，這不起作用:( – 2012-03-15 20:24:10

我也注意到，您有頁腳一堆相對定位的列，沒有必要這樣做。你可以刪除它。

2012-03-15 20:41:36

您有幾個使用中的重複ID。我會先解決這些問題。

看起來細到我在IE 8，IE 9和鉻。您是否在IE 9中啓用了兼容性視圖？

2012-03-15 20:15:16

正如Tim在這個答案中所提到的，你通常只想使用一個ID但是，你不限於使用特定數量的類，我會建議在任何時候都使用類，如果需要的話，可以使用一次ID – 2012-03-15 20:23:23

嘗試添加該到<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

而且解決這些重複的ID蒂姆提到，但這個元標記將解決您的所有IE9的問題;）

2012-03-15 20:18:51

雖然IE = Edge是確保任何人擁有的好方法Internet Explorer未在Quirks模式/兼容模式下查看網站...但是，這不會解決此問題，無論... – 2012-03-15 20:22:23

是的，問題仍然存在:( – 2012-03-15 20:23:56

它是mos這可能與你絕對定位的元素有關 - 它們不再擴大容器的高度，所以頁腳最終靠近頂部。或者它可能是你的花車沒有被clear元素正確清除...... – 2012-03-15 20:27:33

回答