Липкий нижний колонтитул (jQuery) не будет точно соответствовать нижней части страницы - PullRequest
Новая
       41

Липкий нижний колонтитул (jQuery) не будет точно соответствовать нижней части страницы

1 голос
/ 12 октября 2011

Проблема:

Я использую 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>

Мой вопрос:

Что заставляет нижний колонтитул опускаться ниже нижней части страницы?

1 Ответ

1 голос
/ 04 апреля 2012

попробуйте это: http://www.codicode.com/art/the_best_sticky_footer.aspx этот код также использует jQuery и отлично работает во всех браузерах.

надеюсь, это поможет.

...