css - 无法在 IE 中将网页居中

Question

我的网站在 IE 8 和 9 中是左对齐的，而它应该像在 Chrome 和 Firefox 中一样居中。我已经尝试过像下面这样的标准解决方案，但没有运气。页面上有多个样式表——也许有冲突？任何帮助，将不胜感激...

*{  
    margin:0;  
    padding:0;  
}  

body{  
    text-align:center; /*For IE6 Shenanigans*/  
}  

#wrapper{  
    width:960px;  
    margin:0 auto;  
    text-align:left;  
}    

Answer 1

尽管您在 style.css 样式表中定义了以下 CSS-

#wrapper{
width:960px;
margin:0 auto;
text-align:left;
position:relative;
}

页面上没有对应的 ID 为 wrapper 的元素，您的#header、#nav、匿名内容和#footer div 都是文档正文的直接子元素。

作为具有 ID“logo”的 h1 的孩子的链接几乎肯定需要在现有的“top”值之外添加一个左值（可能为零），因为它与您的电话号码重叠。

您似乎还将作为 IE8 中 body 的第一个子项添加的条件注释编码为 -

<!--[if lt IE 8]--> <!--[endif]--> 

出现在页面中。

您是否尝试过使用Chrome 开发者工具或Firebug（用于 Firefox）来检查您的代码？