在IE + HTML + CSS中時髦渲染

Question

http://churchcentral.com/rfi.php?site_id=4&division_id=2144是頁面，而IE只是問題所在。如果您注意到「步驟2」末尾的文字，則會重複「下一頁」文字。如果您突出顯示文本的任何部分，則IE會突出顯示這兩個部分。

這是IE中的錯誤嗎？我們已經看到這種情況發生在同一頁面上，但在不同的時間出現不同的文本，並且導致一些人遇到問題。

任何幫助將是偉大的。

Answer 1

該段落有float: left的具體原因是否適用？如果我刪除它，它顯示正確。

此外，您正在複製與上述步驟1中的<h2>完全相同的樣式。您可以簡單地使用<h2>而不是<p>作爲步驟2，對吧？我的意思是，到目前爲止，你的輪廓非常奇怪。

ETA：幾乎一切都在那個頁面浮動，這使我非常大的問號：

在我看來，這是一個非常簡單的（佈局明智）頂至底頁。我認爲你可以簡化CSS中的很多事情。

您可以輕鬆地在IE開發人員工具中禁用或更改某些CSS規則。

Answer 2

如果你刪除該段落的清除和浮動屬性，你會看到在Firefox中，它上面的浮動文本字段可能是它的原因。因爲所有這些花車可能IE都無法在某個時候處理它，所以IE在處理花車時從來都不是最好的。我沒有看到花車是什麼，所以你真的需要它嗎？