Question

大家好我有3个div与里面的翻转图像垂直堆叠在我的主要内容div中。 IE7正在削减底部div的四分之三，我无法弄清楚原因。它在所有其他浏览器（甚至IE6）中都能完美显示，但IE7无法正常显示。这是我的第一个网站，所以我还有很多东西需要学习。我已经设法修复了其他IE错误，但只是无法弄清楚这个。任何帮助表示赞赏！

.main_content {
    float: left;
    width: 816px;
    background-image: url(Images/evokedesign_bg_tile.png);
    background-repeat: repeat-y;
    overflow: hidden;
}
.portfolio_buttons {
    float: left;
    width: 634px;
}

网站链接：http://evokedesignstudio.com.au/Portfolio.html

Answer 1

现在您发布了一个指向您的实际网站的链接，我很快就找到了答案：

在.gallery上，删除height: 400px规则。
完成。

这修复了IE7，IE8 /其他浏览器没有任何变化。

Answer 2

您已将.page_container设置为固定高度 730px 。

尝试将 CSS 更新为

.page_container {
padding: 0px;
min-height: 730px;
height:730px;
}

与@thirtydot所说的.gallery相同。一起移除高度或将其更新为下方的最小高度和高度（参见上面的示例）。

将height放在样式表中的min-height下方，任何无法识别min-height标记（IE6）的浏览器都会在其下方注册height作为备份。

IE7切断图像

2 个答案: