爲什麼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不能正確渲染這個邊框？

回答

相關問題