我的网站主要div在IE 7和8中看起来完全混乱

Question

我的网站的主要div在某些页面左侧浮动，在其他页面的某些页面中，它分散在IE 7和8中的任何地方，我甚至没有在IE6中检查，而它在IE 6中是完美的。

请帮助，div如下。有没有办法将div固定到中心，无论什么浏览器？有没有黑客攻击？

div.main {
margin:70px auto;
width:80%;
}

Answer 1

将正文样式设置为text-align：center;和div margin：auto;

这适用于所有浏览器

Answer 2

较旧版本的IE要求您分割边距，如下所示：

margin-left:auto;
margin-right:auto;
width:80%;

另一种选择是仅设置边距，而不是宽度。根据您的要求，这会给您一个不同的结果：

margin-left: 10%;
margin-right: 10%;

一个非常古老的黑客尝试是这样的：

body {
text-align:center;
}

div.main {
margin-left:auto;
margin-right:auto;
text-align:left;
width:80%;
}

关键是让CSS在旧版IE中正常工作是明智和有创意的。不要做任何会破坏新浏览器的事情。在最后一次黑客攻击的情况下，新浏览器不会有任何改变，因此可以安全使用。

Answer 3

该代码没有任何问题，它适用于所有现代浏览器，甚至是IE 6。

您的问题的共鸣可能是页面中的一些其他元素打破了布局。您可以使用Firefox中的FireBug插件等工具来检查元素，并查看实际应用于元素的样式。

检查页面顶部是否有正确的doctype标记（并且之前没有XML标记），以便页面呈现符合标准的模式。 IE对此尤其敏感，因为它在以怪异模式呈现时使用非标准版本的盒子模型。