Javascript - ff 和 ie margin-top 问题

Question

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

我有一个包装页面的所有内容，我有一个javascript来检测我的包装是否小于innerHeight，然后将页脚放在底部，但由于某种原因，它在IE中不起作用和 FF 在链接“Produkter”下。它不会将页脚一直放到底部，就像 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”下的某些内容上有底边距。非 float 元素的垂直边距是可折叠的，这会影响 place_footer() 中的顶部边距计算。

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

另一种方法是相对放置 #footer-wrapper，并使用 CSS 中的“top”属性代替上边距。这也可以防止利润率下降带来的任何问题。