Javascript-ff和ie利润率最高问题
我正在为我的公司制作一个网页,它在safari和chrome中工作得非常好 我在页面的所有内容周围都有一个包装器,我有一个javascript来检测我的包装器是否小于innerHeight,然后将页脚放到底部,但由于某些原因,它在IE和FF中的链接“Produkter”下不起作用。它不会将页脚一直放在按钮上,就像javascript在这种特殊情况下检测到包装器大于innerHeight一样,但是在“Produkter”下,包装器肯定小于innerHeight。。。所有其他地方的包装小于内部高度它的作品伟大,也在IE和FF 。。在Safari和Chrome中,一切正常运行 我可能做错了什么 编辑:忘记代码和链接xD Javascript:Javascript-ff和ie利润率最高问题,javascript,css,internet-explorer,firefox,Javascript,Css,Internet Explorer,Firefox,我正在为我的公司制作一个网页,它在safari和chrome中工作得非常好 我在页面的所有内容周围都有一个包装器,我有一个javascript来检测我的包装器是否小于innerHeight,然后将页脚放到底部,但由于某些原因,它在IE和FF中的链接“Produkter”下不起作用。它不会将页脚一直放在按钮上,就像javascript在这种特殊情况下检测到包装器大于innerHeight一样,但是在“Produkter”下,包装器肯定小于innerHeight。。。所有其他地方的包装小于内部高度它
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-如果有人想看一看。看起来好像你在“Produkter”下面的某个东西上有一个底边距。非浮动元素上的垂直边距是可折叠的,这会使您在
place\u footer()
中的顶部边距计算中断
在#wrapper
div上放置一个1倍高的下边框,可以防止该div内元素的下边距与#footer wrapper
上的上边距折叠
另一种方法是定位
#页脚包装器
相对,并在CSS中使用“top”属性而不是顶部边距。这也可以防止任何利润率下降的问题。这很有效!谢谢尽管如此,还是有点不对劲,这对我来说越来越复杂了!请帮忙:)-现在看看“Kontakt”链接下的页面。我正在看“Kontakt”,我没有发现任何问题。你能详细解释一下吗?在我的浏览器上看起来很奇怪。。。虽然在所有浏览器中都是一样的,但是错了!在“kontakt”下面,它看起来是这样的:www.sipri.dk/siliva/kontakt.jpg。。。假设它看起来像其他页面上的页脚。。有趣的是,如果我把它从我开始的地方改回来,“Kontakt”页面效果很好。还有一些其他问题在起作用。确保正确清除浮动图元。#main wrapper DIV可能不是你想象的那样高。你的右边,漂浮物把它搞砸了。。。删除了浮动和使用位置:绝对和边距保留了用于浮动的位置。。现在它工作了!:D谢谢!