2012-03-15 43 views
2

我有一个卡住的页脚在主内容区域没有被推下2个DIV的问题。内容DIV不推脚注

www.superwideprint.com/swp2

出于某种原因,2个内容容器ARNT推动页脚下来的时候,屏幕分辨率低,我添加了一个明确的:页脚以上,但无济于事两格。

任何人都可以帮助我。

样式表和主页面可以从上面的链接中看到。现在已经呆了好几个小时了。

回答

1

页脚的位置设置为绝对,所以内容div不会影响它。将相对位置设置为相对也无济于事,因为这意味着您的底部:0代码会将其推到底部而不是页面。

什么你以后是一个棘手的页脚,试试这个http://www.cssstickyfooter.com/http://ryanfait.com/sticky-footer/

+0

感谢输入的家伙,尝试上述链接无济于事。如果你再次看链接,你可以看到我试图达到什么=)我搞砸了吗? – 2012-03-15 15:44:02

0

原因是#footer DIV是position:absolute。所以,请从您的页脚删除position:absolute

从你的部分,你希望你的页脚始终停留在底部,那么你可以使用粘滞页脚技术。检查这http://ryanfait.com/sticky-footer/

+0

我试图在本例中的编码和我不能得到它的工作? – 2012-03-15 15:55:22

+0

创建两个div第一个#container(其中的全部内容和其他东西来)与高度100%第二#footer – sandeep 2012-03-15 16:01:50

+0

这就是做了不同的事情,如果你再次看它的链接到它的推脚到底部,但现在我有负载空格处?我创建了“主”DIV并将所有内容都扔在那里。和页脚div位于“主”之下。 – 2012-03-15 16:04:16