2011-04-13 103 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