Доброго дня всем.
Есть задача подогнать div блок под высоту окна браузера (НЕ ПОД РАЗРЕШЕНИЕ МОНИТОРА) и так что бы этот блок подстраивался под разную высоту ОКНА БРАУЗЕРА.
Есть CSS переменная #scroll-pane у которой задано значение height:**px; (% не поддерживаются!)
В нете нашёл такой скрипт, точнее это часть всего скрипта, мне показалось что этого достаточно
. Он вычисляет высоту ОКНА БРАУЗЕРА и подставляет это значение в некую CSS переменную (в моём случае #scroll-pane)
<script>
$(document).ready(function() {
function divresize('#scroll-pane') {
var windowHeight = $(window).height();
$('#scroll-pane').css('height', windowHeight);
}
});
</script>
Но проблема в том, что это значение не подставляется, точнее не заменяет то, что прописано в CSS.
Как это можно реализовать?
Весь скрипт:
$(document).ready(function() {
function divresize(block, headerHeight, footerHeight) {
var windowHeight = $(window).height(); //определяем высоту окна браузера
$(block).css('height', windowHeight - headerHeight - footerHeight); //устанавливаем высоту блока(равно высоте окна за вычетом шапки и подвала)
}
divresize('#right', 150, 100); //вызываем функцию изменения размера блока
$(window).bind("resize", function(){ //при изменении размера окна вызываем функцию
divresize('#right', 150, 100);
});
});
Второй скрипт, который тоже пытался запустить(Конечно же вместо background-position подставлял height, а вместо #total ставил свою переменную):
<script language="JavaScript">
<!--
if (document.body.clientWidth <= '1024') {
document.write ('<link href="style1024.css" rel="stylesheet" type="text/css">');
}
$(function() {
if($(window).height()<1050) {
$('#total').css('background-position', 'center -220px');
}
});
//-->
</script>
Спасибо.
