Чак Торнтон

Держите идеальный скрипт! Никаких костылей! Все работает четко!

$(function(){
    resizeAll();
    $(window).bind("resize", function(){
        resizeAll();
    });
});

$(window).bind('load', function() {resizeAll()});


function footerStickBottom (footer_block) {
    $(footer_block).css({'margin-top':0});
    var allWindowsHeight = $(window).height();
    var footerBottomOffset = $(footer_block).offset().top + $(footer_block).outerHeight();
    // console.log(allWindowsHeight);
    // console.log(footerBottomOffset);
    if (allWindowsHeight > footerBottomOffset) {
        var footerMarginTop = allWindowsHeight - footerBottomOffset;
        $(footer_block).css({'margin-top':footerMarginTop});
    }
}

function resizeAll() {

    footerStickBottom ('.footer');
    
}

Ваша проблема что у вас вылезает блок за границы.
У вас стоит блок текста (main) 100% и при этом вы даете ему padding не используя box-sizing: border-box;

main {
	min-width: 100%;
	max-height: 100%;
	padding: 15px;
}

Короче говоря, вашу проблему можно решить повесив на все блоки box-sizing, но смотрите чтобы ничего не поехало у вас, но с этим свойством вам все же будет проще, не надо будет высчитывать сколько будет процентов + паддинг чтобы блок стал 100%

*, *:before, *:after {
  box-sizing: border-box;
}

Я решил через скрипт, на мой взгляд так проще и не нужно городить враперы и лишние стили, кроме того футер не болтается всё время на экране

if ($(document).height() <= $(window).height())
	$("footer.footer").addClass("navbar-fixed-bottom");