2010-11-09 81 views
0

我知道这里已经被问过无数次了,我已经环顾四周试图实现给定的解决方案。另一个粘性页脚问题

#footer 
{ 
    min-width: 900px; 
    text-align: center; 
    position: absolute; 
} 

它是页面上的最后一个div。我在这里测试它blog.0arrays.com(tumblr的默认主题),但页脚不会坚持到底。它出现在页面的中间。如果有人想看,我可以提供完整的代码,因为粘贴时间太长。

在此先感谢。

编辑:

我真的不关心,如果它的粘性或没有(即在右下角),我只是不希望它出现在我的文字中间,你可以在网站上查看。

编辑2:

我已经发布了完整的代码here (via pastie),arrrr ....我敢打赌,答案是非常简单的,这是做我的头出于某种原因,您的建议都没有。加工。

没有人......?

+1

[另一种粘页脚答案】(http://stackoverflow.com/search?q=css+sticky+footer):HTTP:// WWW .cssstickyfooter.com – BalusC 2010-11-09 23:57:05

+0

http://ryanfait.com/sticky-footer/ - 最棒的! – Marwelln 2010-11-10 00:03:04

+0

^^我已经看了两个 – jonnnnnnnnnie 2010-11-10 00:08:33

回答

1

除了您为#footer设置的其他属性之外,还应该添加bottom:0以将其设置为页面底部的位置。

编辑:您还需要position:fixed,而不是绝对

+0

无论如何不会工作。当您滚动页面时,该元素无法遵循。在您滚动时它将保持在同一位置。 – Marwelln 2010-11-10 00:03:52

+0

好点,它实际上应该是位置:固定 – Infotekka 2010-11-10 00:07:56

0

如果你不关心保持在页脚,你只需要删除位置底部:绝对的;从#posts。

+0

没有这些东西似乎适用于我...我认为有一些我的代码非常错误 – jonnnnnnnnnie 2010-11-10 01:40:17

+0

删除位置:从帖子的绝对使得leftmenu div下降 – jonnnnnnnnnie 2010-11-10 02:56:33

0

如果要将页脚粘到页面底部,请使用固定位置。

#footer { 
    position: fixed; 
    bottom: 0px; 
}