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

回答