Question

在我的Joomla网站上，我使用的模板使用以下CSS规则使内容窗格居中：

clear:both;
margin:0 auto;
width:920px;

这似乎在FF / Chrome中运行得非常好，但是当在IE中加载时，所有内容都粘在窗口的左侧。这有什么问题？保证金：0自动;似乎是一个明智的，直截了当的规则。为什么IE不遵守？

Answer 1

检查您的DOCTYPE是否显示如下：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!--  --><?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

因为那时，IE将在Quirksmode（没有boxmodel）

Answer 2

另一个选择是使用以下内容：

position:absolute;left:50%;
margin:0 0 0 -460px;
width:920px;

将div放在其父级中。

Answer 3

有时，明确扩展选项可能会有所帮助：

margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;

保证金：0自动;似乎在Chrome / FF中工作正常，但IE再次表示不同意

3 个答案: