Question

我在IE7上遇到了居中div的问题...在Chrome和Firefox上运行正常。

这是网站，它在Volusion.com上，所以对我来说这是一个旧平台：）

http://www.ecosandbags.com

一切都在主要部分：

<div id="MainDiv">

这是CSS

#MainDiv {
background-color:White;
border:1px solid black;
margin:0 auto;
width:960px;
}

如果您需要查看更多详细信息，请在Firefox中使用FireBug进行检查，但这应该是...

所以，底线，div是以Chrome和Firefox为中心但在IE7上一直向右...我不知道该怎么做这个CSS（特别是“margin：0 auto;”通常有效对我来说）

非常感谢你的时间。

Answer 1

你在Quirks Mode。如果您希望在IE中使用自动边距（或任何更多），请添加标准模式DOCTYPE。

Answer 2

我以前遇到过这个问题 - 这对我来说一直是一个可靠的解决方案;

body{
   text-align:center;
}

#MainDiv {
   text-align:left;
   margin:0 auto;
   background-color:White;
   border:1px solid black;
   width:960px;
}

Answer 3

您缺少doctype 。

将此添加为html文档的第一行，它将解决问题：

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

有趣的是，昨天我被要求在办公室提供完全相同的问题。

简单的CSS中心问题仅适用于IE7，Chrome和FF Fine

3 个答案: