2013-04-14 30 views
-1

以下两个网站也有类似的什么,我想创建为我的网站100%的宽度页眉和页脚:如何使粘页脚

http://rocketbug.com/2.0/

http://www.athenelive.com

页脚ISN” T“粘”我怎么能做到这一点,所有我见过的教程是为坚持最小化,即使在页面的底部粘页脚。

+1

http://www.cssstickyfooter.com/ – monkeyinsight

+0

所以..你的问题应该是不粘‘页脚成“‘如何将转换’粘性’页脚?”。它会帮助别人帮助你。 – Mee

+0

另外,你有脚注的代码?你可以将它粘贴** [这里](http://jsfiddle.net)**? – Mee

回答

0

由于您从未回复过评论,我决定尽快完成。

使用RocketBug我做了以下jsFiddle

在简单的话,我已经修改了以下你的CSS:

#footer_container { 
    clear: both; 
    width: 100%; 
    height: 47px; 
    bottom:0; /* added this */ 
    padding: 0; 
    position: fixed; /* removed relative */ 
    background: url(images/footer_fill.gif) 
    top left repeat-x; 
    /* margin-top: -47px; - removed it */ 
} 

所以啊..这么多了。