在IE8中水平居中的div

在this page上，主要内容嵌套在<div id="container">之下。我试图使用以下内容的中心：在IE8中水平居中的div

#container { 
    margin: 0 auto; 
    overflow: auto; 
    width: 960px; 
}

它在Firefox中正常工作，但不在IE8或IE9中正常工作。有没有办法在所有现代浏览器中集中内容？

2012-02-13 Dónal

网站似乎已关闭。 – 2012-02-13 15:29:46

@AndresIlich应该现在可用 – 2012-02-13 15:31:09

它适用于从#stickyWrap元素中删除display: table。你有这个理由吗？它似乎没有改变任何其他事情。

2012-02-13 15:08:34

你确定吗？我看了一下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:38:19

这个问题在Wordpress主题上的皇家滑块按钮和display: table像魅力一样工作。

2013-07-30 03:54:32

请通过编辑您的答案来阐述。 – Charlie 2013-07-30 04:15:01

回答