Question

My website在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包装的相应元素，您的#header，＃nav，匿名内容和#footer div都是文档正文的直接子代。

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

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

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

出现在页面中。

您是否尝试使用Chrome Developer Tools或Firebug (for Firefox)检查代码？

无法在IE中居中网页

1 个答案: