Липкий нижний колонтитул Райана Файта - это простое решение, которое я использовал несколько раз в прошлом.

Основной HTML:

    

        
CSS Sticky Footer
    
    

    

CSS:

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

Переведя это так, как будто у вас уже есть результаты с чем-то в этих строках:

HTML:

CSS:

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}

Просто не забудьте обновить негатив на краю обертки, чтобы соответствовать высоте вашего нижнего колонтитула и нажмите div. Удачи!