在IE8中水平居中的div
在this page上,主要内容嵌套在<div id="container">
之下。我试图使用以下内容的中心:在IE8中水平居中的div
#container {
margin: 0 auto;
overflow: auto;
width: 960px;
}
它在Firefox中正常工作,但不在IE8或IE9中正常工作。有没有办法在所有现代浏览器中集中内容?
它适用于从#stickyWrap元素中删除display: table
。你有这个理由吗?它似乎没有改变任何其他事情。
你确定吗?我看了一下Firebug,好像'#stickWrap'有'display:block' – 2012-02-13 15:18:26
是的,在IE开发人员工具栏中,确实有一个display:table应用。如果你不想这样做,只需设置一个显示:块,它应该是固定的。我确实看到你对Firebug的正确态度,这些情况是为什么CSS重置是一个好主意。 – 2012-02-13 15:39:08
如果下IE8开发人员工具交替文档模式,你可以看到你的网站使用IE8标准模式下工作得很好,所以尽量使用以下元迫使该模式:
<meta http-equiv="x-ua-compatible" content="IE=8">
其他选项将重构您的HTML以在您的#stickyWrap
容器外部公开您的#container
,但这需要一些工作。
网站似乎已关闭。 – 2012-02-13 15:29:46
@AndresIlich应该现在可用 – 2012-02-13 15:31:09