Question

我创建了一个免费报告，它在mozilla firefox中工作得太精细但在MS IE中有很多问题。

请为此提供任何解决方案。

这是网站的链接，看起来搞砸了。

我设置了它的主#container

#container {
   width: 840px;
   margin: 10px auto;
   display: block;
}

但没有工作。：（

Answer 1

IE正在Quirksmode中显示您的页面，这就是为什么margin：auto不起作用。

您可以通过阅读以下帖子的答案来检查IE是否在Quirksmode中运行：How to tell if a browser is in "quirks" mode?

您可以在此处找到IE Quirksmode限制列表： http://www.quirksmode.org/css/quirksmode.html

您需要更改Doctype才能使IE在严格模式下运行。例如：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Answer 2

对于IE6，你想要添加text-align：center;到您正在使用margin的容器的父元素：auto;

例如，如果你有：

<body>
<div id="wrap">

你可以尝试：

body {text-align: center;}
#wrap {width: 1000px; margin: auto;}