不能获得CSS粘页脚的工作。我做错了什么？

Question

好吧，这是我第一次在这里发布，并真的很享受这个网站。

我有一个非常基本的(丑罪)的网站，我已经开始，并由于某些原因，我不能获得CSS粘页脚工作FireFox。即工作，但FF显示了它的半页。

URL http://dev.aipoker.co.uk

我知道我应该在发展中FF和错误固定在即，所以我猜我可能会实际上已经犯了一个错误，以某种方式在即但在其他地方。

任何人都可以帮助把我从我的痛苦吗？

谢谢你们，伙计们和加仑。

Answer 1

试试这个一个，它适用于Firefox。

顺便说一句，如果你还没有，你应该听听Boagworld的播客。这个棒极了！ ：）

干杯。

Answer 2

我已经成功使用了这样的代码：

footer { 
  display: block; 
  position: absolute; 
  width: 100%; 
  bottom: 0px; 
}

Answer 3

最小的改变我可以看到这样做将是：

• 移动footerSection内部的身体
• 设定位置的绝对在这两个体和footerSection
• 设置底=0px在footerSection

这结束了这样的事情在你的头：

<style type="text/css">
  #body, #footerSection { position: absolute; }
  #footerSection { bottom: 0px; }
</style>

<div id="body">
   ...
   <div id="footerSection">
      ...
   </div>
</div>

Answer 4

所有你需要知道的关于css只有粘性页脚＆amp;粘性导航：

坚持到页面底部

Position: absolute;
top:auto;
bottom: 0;

坚持屏幕底部

Position: fixed;
top:auto;
bottom:0;

任何问题都可能是由于您放置了html代码的位置（除非它粘贴到内容包装器上，否则不要使页脚成为子元素），或者重叠CSS。

您可以通过翻转自动＆amp; amp;来将相同的技术应用于粘性导航。最佳。它是跨浏览器兼容的（来自IE7及以上的内存），包括手机。