2011-04-13 68 views
1

我有一些奇怪的呈現問題,只發生在IE8上,而不是IE7,6或我測試過的任何其他瀏覽器(主要是ff,chrome,opera)。在IE8中出現奇怪的呈現問題

http://www.sealymattressonline.co.uk/Shop/Sealy-Silver-Collection-C246/

在IE8向下滾動到頁面的底部(或任何從左側邊欄的其他類別的鏈接),並在第一個頁面加載有隨機產品 一個未解釋的空白間隙(請參閱http://plixi.com/p/92068948

我需要做的就是突出顯示/使用光標選擇惡意渲染,或者刷新頁面,並從此正確渲染。 (請參閱plixi.com/p/92069037,通過突出顯示/刷新頁面來「修復」它的外觀)

我知道這不是我的電腦 - 我在我的工作場所嘗試過幾種不同的電腦,所有這些在IE8上都是這樣做的 - 所以不是像一些類似問題的瀏覽器插件。我也無法測試IE9,因爲我在XP上。

有什麼想法嗎?獲勝的助手將得到餅乾(餅乾虛是味道好極了!)

UPDATE:

我不能在我的機器的本地服務器或另一臺測試服務器上重現此。這沒有任何意義,這可能是一個服務器相關的錯誤??!

+0

重新更新:當您在本地進行測試時,是否確保與遠程查看時處於相同的呈現模式 - 有時在查看本地頁面時,IE8默認爲IE7兼容模式。打開IE開發工具(F12),並查看頂部的信息行以檢查渲染模式。 – Spudley 2011-04-14 11:23:08

+0

好的提示,雖然檢查雖然兩個IE8mode。助教。 – 2011-04-14 11:29:22

回答

0

這風格似乎是罪魁禍首:

.group {display:inline-block;} 

我不明白爲什麼你需要的。它橫跨其容器的寬度,所以正常的舊塊應該這樣做。您可能完全不需要聲明,因爲「塊」是div的默認值。

在IE8開發人員工具中,我將顯示更改爲「塊」,白色空間消失,沒有任何副作用。

+0

我還沒有找到任何解決這個問題的IE8錯誤描述,但我喜歡留在這些東西之上;所以我會發佈一個鏈接,如果我可以在以後找到一個適當的解釋。 – Faust 2011-04-13 15:31:48

+0

感謝您的輸入。我不完全確定這是否是它;它消失的原因可能是頁面自動重新加載,觸發修復怪異渲染的條件之一。 – 2011-04-14 08:32:34

+0

對不起,在那裏中途被切斷了。一旦它被緩存(至少我認爲是這樣),無論你回到頁面多少次,它都會渲染好。我已經重寫了奇怪的渲染元素來顯示爲塊,並且錯誤仍然存​​在;改變它的父母變得更加棘手,因爲它使頁面浮動到左邊而不是坐在中心。爲了以防萬一,我們會嘗試對內聯塊進行更多的調整。 – 2011-04-14 08:40:50