margin：0 auto;似乎工作在Chrome/FF罚款，但同样，IE不同意

在我的Joomla网站，我使用它使用下面的CSS规则，使中心的内容窗格中的模板：margin：0 auto;似乎工作在Chrome/FF罚款，但同样，IE不同意

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

这似乎是工作在FF/Chrome中非常好，但在IE中加载时，全部都粘在窗口的左侧。这有什么问题？保证金：0汽车;似乎是一个明智的，直接的规则。为什么IE不服从？

来源

2009-10-12 Peter Perháč

这应该是据我所知工作。元素是一个div，并且它显示为一个块？我知道如何使用定位来实现这一点，如果您对保证金方法不是很珍贵的话。 – Rowan 2009-10-12 11:15:54

它是一个div和display：block;如果达到目标的难度在合理范围内，我不会介意尝试不同的方法。 – 2009-10-12 11:19:10

检查你的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将在怪异模式（无boxmodel）

来源

2009-10-12 11:19:18 k0ni

没有。不是这个。它是<！DOCTYPE html PUBLIC“ - // W3C // DTD XHTML 1.0 Transitional // EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> – 2009-10-12 11:29:11

，但一个很好的建议仍然:) – 2009-10-12 11:29:47

也许你可以解决它使这个：环绕你想与文本对齐中心到中心并给DIV一个div innerdiv文本对齐左侧 – k0ni 2009-10-12 11:36:06

另一种方法是使用以下命令：

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

这将中心div在其父。

来源

2009-10-12 11:22:43 Rowan

将现在尝试此:) – 2009-10-12 11:31:44

有时，它可能有助于明确地展开选项：

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

来源

2009-10-12 11:37:51 Piskvor

margin：0 auto;似乎工作在Chrome/FF罚款，但同样，IE不同意

回答

相关问题