製作頁面的頁腳拉伸底部，而無需使用body標籤

Question

我一直在研究這幾個小時，現在嘗試不同的解決方案，但他們都沒有似乎爲我工作，我不知道如果我做錯了什麼，或者如果它是我正在使用的模板。我已經嘗試過cssstickyfooter，但那也不適合我。

我已經有一個背景圖像的頁面中設置，所以我不能使用與背景顏色設置body標籤的解決方案。調試div需要一直延伸到頁面的底部。我已經使用chrome縮小了，但它沒有這樣做。

這裏是CSS代碼：

#rt-debug { 
    background-color: #BF953F; 
    padding-bottom: 15px; 
    border-top: 4px solid #2A9685; 
} 

我加入了一個footer2 DIV周圍的調試測試cssstickyfooter解決方案

這裏是鏈接到網站： http://www.humanenergygroup.com/oil-and-gas-uk

Answer 1

這是一個黑客位，但你可以使用jQuery這樣的：

var t = $("#rt-debug").offset().top; 
var ih = window.innerHeight; 
$("#rt-debug").css('height',ih-t + "px"); 

這裏有一個的jsfiddle：http://jsfiddle.net/tLNCW/

Answer 2

做最簡單的方法，這是將以下添加到您的＃RT-調試DIV：

#rt-debug { 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
} 

這將確保它始終是全幅以及保持它「粘」到窗口的底部。