尝试了几种解决方案后页脚不会粘住

Question

我无法让页脚粘在页面的底部。它的工作原理是1024x1280，这正是我设计的目的，但#content部分与页脚重叠，并且一旦在1024x768和800x600中对其进行测试，就会在窗口底部产生空白区域。我试过了：

• 将页脚位置设置为绝对w/bottom：0;
• 使用位置：固定，它工作但重叠内容。我希望它在内容之后出现。
• 添加填充到容器和拉动页脚了一个负余量
• 添加填充至＃内容和拉动页脚了一个负余量
• 使用可怕哈克#push DIV集到的高度相同页脚

Here's the page that's having the problem.

在这一点上，我正要准备抛出一些jQuery的它，并完成，但如果有一个CSS的方式来解决这个问题，我愿意接受建议。

编辑：如果事情看起来有点不可思议，那是因为我添加了一个插件来拉伸背景图片。饶恕混乱！

Answer 1

有两个很受欢迎的粘页脚的方法，检查这些链接：

http://ryanfait.com/sticky-footer/

http://www.cssstickyfooter.com/