Всем доброе утро. Задача состоит в том, чтобы на страницах, где мало контента, футер находился всегда внизу страницы и не было скролла.
Плюс к этому, никаких position absolute, fixed.
Реализовал я это так:
$(document).ready(function () {
var windowHeight = $(window).height(),
headerHeight = $('header').height(),
footerHeight = $('footer').height(),
contentHeight = windowHeight - headerHeight - footerHeight;
$('.main').css('min-height', contentHeight);
$(window).resize(function () {
var windowHeight = $(window).height(),
headerHeight = $('header').height(),
footerHeight = $('footer').height(),
contentHeight = windowHeight - headerHeight - footerHeight;
$('.main').css('min-height', contentHeight);
})
});
Но проблема заключается в том, что на некоторых страницах появляется скролл. Вопрос в том как решить эту проблему?
