html - 宽度为 : 100% in table cells don't scale right in IE 的图像

Question

我有一个包含图像的 3 列表。所有 td 都有 width="33%"，包含的图像有 CSS width:100%。在 FF 和 Opera 中，图像按我希望的方式缩放，即填充单元格的整个宽度，保持其纵横比。然而，在 IE7 中，它们的行为完全不同:我认为宽度最大的图片会拉伸(stretch)整个列，而较小的图片会拉伸(stretch)到新的可用宽度。

有问题的页面是:http://mybgagent.com/print.php?offers_id=4515
(我知道网站一团糟，我没有编码)

有什么建议吗？设置 css position:absolute 可使图像在 IE 中正确缩放，但会破坏 Opera 和 FF 中的缩放以及所有浏览器中的定位。

Answer 1

我在使用 IE7“兼容”模式时经常遇到这个问题。简单的解决方法是不仅要放

width: 100%;

在我的CSS中，还有

width: 100%;
float: left;

立即清除了那个令人讨厌的问题。