網站在IE8中顯示不正確

我有一個網站在大多數瀏覽器中都顯示正常，但是在IE8的頁面部分丟失了！整個網站在IE8中並不完全正確，我們正在通過修正css來緩慢糾正問題，但最差的頁面是http://www.pocketpayday.co.uk/apply-online.aspx，實際上有幾個DIV失蹤。該網站在我們嘗試過的所有其他瀏覽器中都能正確顯示，包括Firefox，Chrome，Safari。網站在IE8中顯示不正確

我意識到我沒有發佈任何代碼，但形式是一個CMS內的一個CMS用戶控件，因此有很多的代碼/模板/ CSS，我不想發佈任何不相關的和希望以前有人遇到類似的問題。很高興發佈所需的任何東西 - 我目前正在使用firebug和IE開發工具來嘗試查看可能導致它的原因。

來源

2010-12-08 Macros

@Progroz - 我花了很多時間去瀏覽實際的代碼，而不是我沒有嘗試過的輸出。當它意識到有2個腳本標籤出現在開始的HTML標籤之前並且移動這些標籤固定它！如果您發佈答案，我會接受它 – Macros 2010-12-09 13:01:37

一般用時遇到的問題是這樣的：

把你的頁面的輸出（另存爲HTML），並
編輯您的問題，大肆削減到一個簡單的重現測試用例。
1. 找到一段與問題無關的CSS，HTML或JS並將其刪除。
2. 如果問題仍然存在，請重複步驟1.
3. 如果問題消失，請將該代碼放回並刪除其他內容。
4. 如有必要，請重複，直到不存在不破壞測試用例的情況下無法刪除的代碼字節。

在這個過程中你經常會發現自己的問題。你會刪除一些看起來不相關的東西，發現它修復（或改變）了問題，當你想知道爲什麼會有所作爲時，你會突然間被一陣洞察力所擊中。

如果您沒有弄清楚問題所在，那麼您仍然會贏，因爲您最終得到的測試案例非常少，並且鼓勵專家快速分析和解決您的問題。

哦，並且：總是validate your HTML和validate your CSS首先，隨時隨地。 :)

來源

2010-12-09 13:58:33 Phrogz

有時很難看到樹木的樹林......在這樣做的時候，我明確地意識到問題所在，在之前有

我看了一下，沒有任何東西我可以說會神奇地清除它。

但是，這裏有一些很好的提示支持IE8，IE7時要遵循的：

1）我注意到你有自閉div標籤。相反，總是有一個結束標籤。

//Use this 
<div></div> 

//Not this 
<div/>

2）您正在使用float：right。無論何時使用float，都應該使用並清空div，以便浮點規則不會傳播到非預期的元素。清晰的div必須是您正在浮動的元素的兄弟。

//Whenever you do this... 
<div style="float:right;"></div> 
<div style="float:right;"></div> 

//Add a clear div.... 
<div style="float:right;"></div> 
<div style="float:right;"></div> 
<div style="clear:both;"></div>

因此，請試試看看這些更改是否有幫助。

來源

2010-12-08 17:57:21 Dave

相關問題

網站在IE8中顯示不正確

回答

相關問題