Javascript - ff和ie融资融券

Question

我正在为我的公司做一个网页，它在狩猎和镀铬方面效果很好。

我在页面的所有内容周围都有一个包装器，我有一个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上放置1 1px高的底部边框，可以防止该DIV中元素的底部边距在#footer-wrapper上崩溃。

另一种方法是定位#footer-wrapper相对位置，并在CSS中使用" top“属性，而不是使用上边距。这也将防止利润缩水带来的任何问题。