IE上的CSS渲染需要帮助

Question

我拉着我的头发试图找到解决这个问题的方法。如果你转到this site，你会看到（在IE下）滑块和顶部的菜单被打破。在所有现代浏览器下工作正常。

知道怎么解决这个问题吗？感谢。

修改：想要添加original site design在IE下正常工作。我在引擎盖下进行了大量的编辑工作，并且沿着这条线路进行了大量的编辑，这个版本被破坏了，我似乎无法找到解决办法。由于我做了很多自定义，我认为向原作者提出修复似乎是不公平的（他也不是很敏感）。

Answer 1

该文件无效。特别是，在Doctype之前有一个<style>元素。这会触发Quirks模式并导致浏览器变得非常不一致（例如，IE模拟来自IE 5.5的错误日志）。

始终使用standards mode并执行basic automated QA。

Answer 2

我无法为您检查，因为我现在无法访问IE，但我经常发现将position:relative添加到行为不当的元素中是一种IE魔术弹。

Answer 3

没有修复但只是导致：菜单栏的问题是IE的神秘浮动定位错误之一，可以通过在导航栏<div style="clear: both">xxx</div>之后放置ul来证明。 （请注意，如果div没有内容，它将无效！）

关于盒子模型被删除的东西：正如David Dorward所说，这是由怪癖模式引起的，并且将样式向下移动超过doctype会导致滑块表现得合理。