Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 保证金:0自动;在Chrome/FF中似乎工作正常,但IE不同意_Css_Layout_Web - Fatal编程技术网

Css 保证金:0自动;在Chrome/FF中似乎工作正常,但IE不同意

Css 保证金:0自动;在Chrome/FF中似乎工作正常,但IE不同意,css,layout,web,Css,Layout,Web,在我的Joomla网站上,我使用的模板使用以下CSS规则使内容窗格居中: clear:both; margin:0 auto; width:920px; 这似乎在FF/Chrome中工作得很好,但是当加载到IE中时,所有的东西都粘在窗口的左侧。这有什么问题?保证金:0自动;这似乎是一条明智、直截了当的规则。为什么IE不服从?检查您的DOCTYPE是否与此类似: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBL

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

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

这似乎在FF/Chrome中工作得很好,但是当加载到IE中时,所有的东西都粘在窗口的左侧。这有什么问题?保证金:0自动;这似乎是一条明智、直截了当的规则。为什么IE不服从?

检查您的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)

另一个选项是使用以下选项:

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

这将使div在其父级中居中。

有时,它可能有助于显式扩展选项:

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

据我所知,这应该行得通。元素是否为div,是否显示为块?我知道如果你不重视边际法,可以通过定位来实现这一点;如果达到目标的难度在合理范围内,我不介意尝试不同的方法。不是这样。也许你可以这样做来解决这个问题:在你想要居中对齐的div周围画一个div,然后让innerdiv文本向左对齐