在IE8中水平居中

Question

在this page上，主要内容嵌套在<div id="container">下。我试图使用以下内容集中内容：

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

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

Answer 1

如果从#stickyWrap元素中删除display: table，它会起作用。你需要那个原因吗？它似乎没有改变任何其他东西。

Answer 2

如果您在IE8中的开发者工具下交替使用文档模式，您可以看到您的网站使用IE8标准模式工作正常，因此请尝试使用以下元素强制该模式：

<meta http-equiv="x-ua-compatible" content="IE=8">

另一种选择是重新构建HTML，以便在#container容器之外展示#stickyWrap，但这需要一些工作。

Answer 3

如果Wordpress主题上的皇家滑块按钮出现此问题，display: table就像魅力一样。