为什么IE6不能正确渲染这个边框？

我目前正在完成客户希望在所有浏览器上工作的网站。但是，似乎有一个我无法解决的CSS问题。此页面周围的边框似乎从页面中间开始，而不是围绕整个页面。它适用于所有其他浏览器。我猜测这是一个浮动问题，但下面的#contact-form基本上应用了相同的CSS，但边框仍然围绕着它，而#info似乎已经突破了边界。为什么IE6不能正确渲染这个边框？

相关的网页，是http://lunaskymoda.co.uk/contact-us/

唯一的验证错误是未注册的关键字“次世代”，但我怀疑这就是问题所在。我花了整整一天的时间来解决这个问题，似乎无法得出一个合理的解释，为什么会发生这种情况。

用于产生错误的可能HTML元素的CSS是：

#main #main-content { 
border: 1px solid white; 
display: block; 
margin: 12px 0; 
background: black; 
} 

.contact #main-content .info { 
margin: 10px; 
width: 300px; 
font-size: 14px; 
color: white; 
float: right; 
display: block; 
}

来源

2011-12-17 Seedorf

在Webkit Chrome的控制台中发现了一些错误 – Xavier

@ Xavier似乎是一个不影响任何其他页面的JavaScript问题。我很确定这是一个CSS问题 – Seedorf

你不与IE6的问题:) 第一个问题当然是“明确：既”的明确的班级没有被尊重，所以你需要破解它。这里有一个可能的方法： http://damienhowley.wordpress.com/2009/04/01/ie6-hack-replacing-clearboth/ 您也可以尝试更换< DIV CLASS = “清除” > </DIV >通过< BR明确= “所有” >。

来源

2011-12-17 11:29:38

非常感谢！我很害怕我做错了什么，事实证明这确实是一个IE6的错误。文章帮了很多！干杯! – Seedorf

为什么IE6不能正确渲染这个边框？

回答

相关问题