2

我有一个开发站点(http://www.tentenstudios.com/clients/swls/our-surgeon)在 FF、Chrome 和 IE8+ 中运行良好,但在 IE7 中右角图像中断,我不能似乎找出导致问题的原因。右上角的图像在一个左浮动的容器 DIV 中,但它上面还有一个绝对定位的图形,不确定这是否与它有关。

感谢任何人都可以提供的任何帮助!

根据请求,这是一个带有(我认为)相关代码的 JSFiddle:http: //jsfiddle.net/HyVcG/

另外,要查看这项工作,您可以使用 IE 打开链接并按 F12 以调出开发控制台,然后单击浏览器模式:IE9 并将其更改为 IE7。

4

1 回答 1

3

.eightcol宽度和内边距.fourcol加起来超过 100%。某些浏览器可能会以不同于其他浏览器的方式舍入十进制值。

65.4546% + 3.63636% + 30.9091% = 100.00006%

这是一个jsfiddle 演示,您可以在其中看到右列在 IE6/7 中中断,但在所有其他浏览器中都很好。

这个 CSS 网格可能不是为支持 IE6/7 而构建的。如果一切都失败了,您可以编辑或覆盖 CSS 网格中的一些宽度或边距值。但是每次升级 CSS 网格时都必须重新应用这些更改。不确定是否有更简单的解决方案。

编辑:出于比较的目的,这里有一个版本的jsfiddle 演示,其中整数百分比加起来正好是 100%。

于 2012-10-09T19:16:22.897 回答