раздел во весь экран по высоте

[kiselevmhl]

здравствуйте! подскажите что можно сделать.

на странице есть header и footer. нужно, чтобы два раздела между ними (main1 и main2 на рисунке по ссылке выше) по высоте занимали все остальное место экрана, вне зависимости есть в них контент или нет.

[gordi]

Можно выбрать здесь - http://trifler.ru/layoutexamplesfix.htm

[Modestes]

задайте этим двум блокам height: например 300px;

[Yazon_Nile]

Джесом.

1. var windowHeight

2. var headerHeight

3. var footerHeight

4. var mainHeight = windowHeight - headerHeight - footerHeight

5. Переменную mainHeight засунуть в значение высоты для меин1 и меин2.

Естессно, функция должна срабатывать только если окно не переполнено, те нету скролла.

Edited May 4, 2012 by Yazon_Nile

[kiselevmhl]

Можно выбрать здесь - http://trifler.ru/layoutexamplesfix.htm

спасибо всем , вот тут вроде то, что нужно.