Question

我正在开展一个学校项目，我必须创建一个简单的演示文稿网页。问题是网页在Firefox中无法正常工作，而在Chrome和其他WebKit浏览器中，它们都很好。

我的问题在于：http://c303.usv.ro/~HPC/（请不要用英语更改语言，因为您将无法看到我的问题）。如果您在Chrome中转到“Echipamente”，您会看到“#content”div有一些不错的滚动条，页脚停留在底部。如果您在Firefox中执行此操作，则不再显示滚动条，并且页脚似乎位于网页可见部分下方的某个位置。作为一种解决方法，我使用：

function mozillaFix(){  
    return; // we shouldn't use this
    $('#content').height($('#maindiv').height() - $('#topheader').height() - $('#copynote').height() - 40)
    $('#leftmenu').height($('#maindiv').height() - $('#topheader').height() - $('#copynote').height() - 40)
}

但我猜这不是优雅的解决方案。问题出在哪里？

Answer 1

使用Javascript将max-height设置为所需的高度（我使用FireBug将其与max-height: 400px;进行了测试）。然后，Firefox将制作一个漂亮的滚动条，并根据需要显示页脚。

如在互联网上找到的那样，解决方案是定义div容器的高度。如果你有以下CSS它应该工作：

html, body {
    height: 100%;
}

TD中的可滚动DIV在WebKit中工作，但在Gecko中不工作

1 个答案: