仅在IE8中发生奇怪的渲染问题 [英] Strange rendering issue occurring in IE8 only

问题描述

我有一些奇怪的渲染问题只出现在IE8上，而不是IE7,6或我测试过的任何其他浏览器（主要是ff，chrome，opera）。

I'm having some strange rendering issues that are occurring only on IE8, not IE7, 6, or any of the other browsers I've tested (ff, chrome, opera mostly).

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

在IE8中向下滚动到该页面的底部（或者实际上左侧边栏中的任何其他类别链接）和第一个页面加载在随机产品
上有一个未解释的空白间隙（参见 http://plixi.com/p/92068948 ）

in IE8 scroll down to the bottom of that page (or indeed any of the other category links from the left sidebar) and on the first pageload there is an un-explained whitespace gap on random products (see http://plixi.com/p/92068948)

我需要做的就是突出显示/选择用光标渲染，或者刷新页面，从那时起渲染正确。
（看看plixi.com/p/92069037，看看它是如何通过突出显示/刷新页面来修复）

All I need to do is highlight/select the dodgy render with the cursor, or refresh the page, and it renders correctly from then on. (see plixi.com/p/92069037 for how it looks once it's been "fixed" by highlighting / refreshing the page)

我知道它不是我的PC - 我在我的工作场所尝试了几台不同的PC，并且在IE8上都做了同样的事情 - 所以不是像某些类似的问题那样的浏览器插件。我也无法测试IE9，因为我在XP上。

I know that it's not my PC - I've tried several different PCs at my workplace and all do the same on IE8 - so not a browser plugin like some similar problems. I'm also unable to test IE9, as I'm on XP.

任何想法都可以吗？获奖助手将获得饼干（假想的饼干是百胜！）

Any ideas at all? The winning helper will get cookies (imaginary cookies are yum!)

更新：

我无法复制这在我的机器的本地服务器或另一个测试服务器上。没有任何意义，这可能是服务器相关的错误??！

I can't reproduce this on my machine's local server or another test server. It doesn't make any sense that this might be a server related error??!

推荐答案

这种风格似乎是罪魁祸首：

This style seems to be the culprit:

.group {display:inline-block;} 

我不明白为什么你需要那个。
它跨越容器的宽度，所以正常的旧块应该这样做。您可以完全放弃声明，因为块是div的默认值。

I don't see why you need that. It spans the width of its container, so normal old block should do. You could probably leave off the declaration altogether, as "block" is default for divs.

在IE8开发人员工具中，我将显示更改为块和空白区域消失，没有任何副作用。

In IE8 developer tools, I changed display to "block" and the white-space disappeared without any side effects.

这篇关于仅在IE8中发生奇怪的渲染问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！