Question

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

相关网页为http://lunaskymoda.co.uk/contact-us/

唯一的验证错误是使用未注册的关键字“Nextgen”，但我怀疑这是问题所在。我花了一整天的时间来解决这个问题，似乎没有找到合理的解释，说明为什么会发生这种情况。

产生错误的可能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;
}

Answer 1

你不是第一个遇到ie6问题的人:) 问题当然是“明确：两者”的明确阶级没有得到尊重，所以你需要破解它。这是一种可能的方法： http://damienhowley.wordpress.com/2009/04/01/ie6-hack-replacing-clearboth/ 您也可以尝试替换＆lt; div class =“clear”＆gt;＆lt; / div＆gt; by＆lt; br clear =“all”＆gt;。

为什么IE6无法正确渲染此边框？

1 个答案: