嘗試了幾種解決方案後頁腳不會粘住

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/