在IE8中水平居中

时间:2012-02-13 14:58:36

标签: css layout internet-explorer-8 internet-explorer-9

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

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

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

3 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:2)

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

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

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

答案 2 :(得分:0)

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