Это решение для footer, но оно не заработало
/*Фиксирование контейнера внизу страницы.
* height - устанавливает высоту области содержимого элемента
* browserHeight - высота текущего окна браузера;
* .outerHeight() получает текущее вычисленное значение
* внешней высоты (включая внутренние отступы - padding,
* границы - border и
* при необходимости внешние отступы - margin)
* для элемента;
* true - указывает на то, что нужно включить в расчеты,
* внешине отступы (margin);
* contentOuterHeight - высота основного блока с внешними отступами
* contentHeight - высота основного блока без учета внешних данных
* contentHeightMarginPaddingBorder - вычисляем полную высоту осовного блок
* (блок между header и footer);
* minHeightForContent - минимальная высота для основного блока.*/
function fixedContainerBottom(selector) {
var browserHeight = $(window).height();
var footerOuterHeight = $(selector).outerHeight(true);
var contentOuterHeight = $('.' + options.selectorForCreateTable).outerHeight(true);
var contentHeight = $('.' + options.selectorForCreateTable).height();
var contentHeightMarginPaddingBorder = contentOuterHeight - contentHeight ;
var minHeightForContent = browserHeight - footerOuterHeight - contentHeightMarginPaddingBorder;
/*переопределяем стиль, для основного блока*/
$('.' + options.selectorForCreateTable).css({
'min-height': 'minHeightForContent'
});
handlerEventResizeWindowBrowser(selector);
}
/*обработчик события на изменение размера окна-браузера*/
function handlerEventResizeWindowBrowser(selector) {
$(window).resize(function () {
fixedContainerBottom(selector);
});
}