0

我只在 IE7 上遇到了居中 div 的问题……在 Chrome 和 Firefox 上它可以正常工作。

这是网站，它在 Volusion.com 上，所以对我来说放轻松，这是一个旧平台 :)

http://www.ecosandbags.com

一切都在一个主 div 中：

<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;”通常对我有用）

非常感谢您的宝贵时间。

4

3 回答 3

4

您处于怪癖模式。如果您希望自动边距（或其他任何东西）在 IE 中工作，请添加标准模式 DOCTYPE。

于 2009-11-20T21:14:20.340 回答
1

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

body{
   text-align:center;
}

#MainDiv {
   text-align:left;
   margin:0 auto;
   background-color:White;
   border:1px solid black;
   width:960px;
}
于 2009-11-20T20:29:43.970 回答
1

您缺少 doctype。

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

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

有趣的是，昨天我被要求在办公室帮助解决完全相同的问题。

于 2009-11-21T10:23:00.997 回答