Question

我在使用IE与我的网站兼容方面遇到了一些问题。我现在将它停在 http://www.verdasconews.com/tiago ，同时我测试了一切。我想确保我与主流浏览器兼容。它在Firefox，Chrome，Opera和Linux中看起来很不错Safari，但是在IE中，我遇到了标题/内容div图层的问题。

这是IE浏览器的截图 http://i.stack.imgur.com/GOaSX.png

帖子和侧边栏内容与标题重叠，因为它们应该隐藏在下方，就像它在其他浏览器中显示的那样。

这是定位的CSS：

/*  ------ layout ------------------------ */ 

wrapper {
 background:url(img/back2.png) no-repeat center top; 
}  
contents { 
width:959px; 
margin:0 auto; 
text-align:left; 
}  
header { 
background:url(img/top.png) no-repeat bottom; 
height:160px; 
}  
middle-contents { 
background:url(img/side.png) repeat-y; 
padding-bottom:50px; 
}  
left-col { 
float:left; 
display:inline; 
width:584px; 
margin:0 0 0 5px; 
}  
right-col { 
float:right; 
display:inline; 
width:330px;
margin:15px 5px 0 0; 
}  
footer { 
background:url(img/bottom.png) no-repeat top; 
height:114px; 
margin-bottom:50px; 
}

这就是我的标题定位

/*  ------ header ---------------------- */  
logo_image {
 margin:6px 0 0 4px; 
float:left; 
display:inline; 
}  
logo_image h1 { 
margin:0; 
padding:0; 
}

不确定标题是否完全正确，因为我问一位认为可能是问题并且Google搜索引导我的朋友。我不是编程的专业人士，但我希望有人可以解决这里可能出错的问题。如有必要，我可以提供完整的CSS。提前谢谢

Answer 1

你可以通过删除#header中的height：160来修复它，同时删除float：left并显示：#logo_image内嵌

IE中的标头DIV层位置错误

1 个答案: