IE7截图

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

现在你在你的网站上发布了一个链接，我很快就找到了答案：

对于

• On .gallery，请删除height: 400px rule.

• Done.

这修复了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注册为备份。