единственное решение которое помогло для верхней части
/*фиксирование верхнего информационного блока;
*
* */
function fixedSelectorInfoHeaderFlex(selector) {
$(selector).css({
'height': '7%', /*высота осноновного контейнера*/
'border-bottom': '2px dotted #FFA953',
'margin-bottom': '1%'
});
$('.' + selectorInfoHeaderFlex).css({
'position': 'fixed',
'top': '0',
'left': '0',
'right': '0',
'z-index': '9999',
'background': 'white',
});
}
footer - не фиксируется из всех пересмотренных решений (начиная с css и заканчивая расчетами на jquery)
Наверное таблица, которая и является основной частью, при увеличении не дает нормально работать пересмотренными решениям.