Question

我正在为我的公司制作一个网页，它在safari和chrome中运行良好..

我有一个包装页面的所有内容，我有一个javascript来检测我的包装器是否小于innerHeight，然后将页脚放到底部，但由于某种原因，它在IE中不起作用和FF下的链接“Produkter”。它没有将页脚一直放到buttom，就像在这种特殊情况下javascript检测到包装器大于innerHeight，但在“Produkter”下，包装器肯定小于innerHeight！ ...包装器小于innerHeight的所有其他地方它也很好用，也适用于IE和FF ..

..在Safari和Chrome中，一切都会像它应该的那样......

我可能做错了什么？

编辑：忘记代码并链接xD

使用Javascript：

var screen_height = window.innerHeight;
var wrapper_height = document.getElementById("main-wrapper").offsetHeight;
if (wrapper_height > screen_height) {
document.getElementById("footer-wrapper").style.marginTop = 0;  
}
else {
var height_calc = screen_height - wrapper_height;
document.getElementById("footer-wrapper").style.marginTop = height_calc + "px";
}

链接：www.sipri.dk/siliva - 如果有人想看看。

Answer 1

看起来你在“Produkter”下面的东西有一个底部边距。非浮动元素的垂直边距是可折叠的，这会使place_footer()中的上边距计算失效。

在#wrapper div上放置1px高的底部边框可以防止该DIV内部元素的底部边距与#footer-wrapper上的上边距折叠。

另一种方法是将#footer-wrapper置于相对位置，并使用CSS中的“top”属性而不是上边距。这样可以防止利润率崩溃的任何问题。

Javascript - ff和边缘问题

1 个答案: