粘性頁腳（jQuery）將不會完全對齊頁面底部

Question

問題：

我正在使用jQuery將頁腳對齊到頁面底部。它適用於FF，但IE，Chrome和Safari將頁腳降低約50-100px。

見自己：

看的www.directsponsor.org頁腳看到問題的一個活生生的例子。

代碼：

<script type="text/javascript"> 

    jQuery.noConflict(); 

    jQuery(document).ready(function($){ 
     matchHeight(); 
    function matchHeight() { 
     var mainHeight = $("#wrapper").outerHeight() - $("#header").outerHeight() - $("#leader").outerHeight() - $("#footer").outerHeight() - parseInt($("#footer").css("margin-top")) - 1 - parseInt($("#main").css("padding-top"))- parseInt($("#main").css("padding-bottom")); 
     var mainReal = $("#main").outerHeight(true); 

     if ((mainHeight + 1 + parseInt($("#main").css("padding-top")) + parseInt($("#main").css("padding-bottom"))) > mainReal) { 
      $('#main').height(mainHeight); 
     } 
    } 
    $(window).resize(matchHeight); 
}); 

</script> 

我的問題：

是什麼造成頁腳下沉頁面的底部之下？

Answer 1

試試這個：http://www.codicode.com/art/the_best_sticky_footer.aspx 這段代碼也使用jQuery，並且在所有瀏覽器上都完美地工作。

希望這有助於。