스티커 바닥 글 (jQuery를)는 페이지 하단에 정렬되지 않습니다 정확히

Question

문제 : 나는 페이지 하단에 내 바닥 글을 정렬 jQuery를 사용하고

. FF로 작동하지만 IE, Chrome 및 Safari는 바닥 글을 약 50-100 픽셀 정도 내립니다.

는 자신에 대한 참조 : 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를 사용하며 모든 브라우저에서 완벽하게 작동합니다.

희망이 도움이됩니다.