IE 中的边距不起作用答案

【问题标题】：Margin in IE is not workingIE 中的边距不起作用
【发布时间】：2012-03-07 18:35:47
【问题描述】：

我创建了一个免费报告，它在 mozilla firefox 中运行良好，但在 MS IE 中存在很多问题。

请给我任何解决方案。

这是在 IE 中看起来乱七八糟的网站链接。

我设置了它的主要#container

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

但不工作。 :(

【问题讨论】：

【解决方案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">

【讨论】：

真的很有帮助，但是还有一些错误，例如，标题显示在书的下方，但它应该显示在左侧。
我不太清楚为什么，但我猜这也是怪癖模式的原因。不知何故，花车表现不佳。另见stackoverflow.com/questions/1443007/…。给 div.book-preview 设置 230px 的宽度可以解决这个问题，但是我强烈建议你更新你的 doctype。
我在本地将文档类型更新为，但不在服务器上。
@Muzammil 文档类型的最佳选择 :-)
我还有 1 个问题，因为我们有 mozilla 的 firebug，有没有和 firebug 一样的 IE 工具？

【解决方案2】：

对于 IE6，您需要添加 text-align: center;到您正在使用边距的容器的父元素：auto;

例如，如果您有：

<body>
<div id="wrap">

你可以试试：

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

【讨论】：