以下頁面在IE8中被廢棄 - 大部分內容開始出現在屏幕的中間,表格/ div看起來不應該如此。它適用於其他瀏覽器和IE8兼容模式。我檢查過HTML,無法弄清楚什麼是錯的。任何幫助,將不勝感激。謝謝。在IE8中的顯示問題
http://www.moviemonitor.com/browse/itunes
以下頁面在IE8中被廢棄 - 大部分內容開始出現在屏幕的中間,表格/ div看起來不應該如此。它適用於其他瀏覽器和IE8兼容模式。我檢查過HTML,無法弄清楚什麼是錯的。任何幫助,將不勝感激。謝謝。在IE8中的顯示問題
http://www.moviemonitor.com/browse/itunes
我建議在<div id="mainContent">
之後從第一個DIV元素中刪除min-height: 800px;
CSS值。顯然,IE8呈現第一個具有該高度的子塊級元素,而不考慮其他包含的元素。
然後,那些HTML驗證結果相當嚴峻。嘗試修復一些無效的HTML,並確保所有代碼都已正確關閉。
在Firefox和IE8快速瀏覽後,我會說有在某處有一些畸形的HTML。在我看來,像IE8不寬容的開放/關閉標籤不匹配。通過HTML驗證器運行整個事情。
以下是W3C驗證程序必須說的:http://validator.w3.org/check?uri=http%3A%2F%2Fwww.moviemonitor.com%2Fbrowse%2Fitunes&charset=%28detect+automatically%29&doctype=Inline&group = 0 – Tinister
我已經刪除了最小高度值,並且我設法改進了驗證結果 - 最多可以減少4個錯誤,2個警告,但它仍然沒有按預期顯示。同樣,這似乎只發生在IE8中。 – alpheus
確保您沒有其他多餘的高度屬性,並且您使用IE8開發人員工具(F12)來診斷問題。我不能輕易修改你的HTML使用這個工具,只有他的一些屬性。例如,在驗證錯誤中,您將Javascript代碼解釋爲XHTML。確保在JavaScript塊的周圍使用XHTML註釋()以防止出現這些錯誤。將alt標籤添加到您的imgs。並將標題標籤放置在頭標籤內。這應該會大大改善驗證。 – Zoltan
感謝您的幫助。原來問題出在嵌套的表單標籤上。 – alpheus