Задать 100%-значение высоту блоку на javascript
Я уже писал, как можно растянуть блок на странице на высоту 100% от высоты окна.
Тогда мы задавали абсолютное позиционирование блоку и сдвигали его от верхнего края на 100px. Но вот буквально час назад у меня возникла необходимость задать высоту блока равной 100% - 200px. Причем абсолютно позиционировать этот блок и сдвигать его от верхнего края на 200px нельзя. Что делать? Нужно внести небольшие изменения в скрипт. Вот они:
<script type="text/javascript"> $(function() { $(window).resize(function() { $('div.class').height($(window).height() - $('div.class').offset().top-200); }); $(window).resize(); }); </script>
Видно, что изменения составляют: top-200. После top добавляем то число (в пикселях) на которое нам нужно уменьшить или увеличить (тогда с плюсом) высоту блоку. Напоминаю, код выше запихиваем между тегами <head></head>, а в тело страницы вставляем, например:
<div style="background-color:#000; color:#fff;" class="class"> Моя высота 100% от высоты окна минус 200px</div>
Вот и все:) Удачи вам. Вопросы в комментарии.