Имеется страница с шапкой, подвалом и между ними еще два дива! Выглядит примерно так!
—————————————————–
|                          шапка                      |
—————————————————–
|                         1-й div                    |
—————————————————–
|                        2-ой div                    |
—————————————————–
|                          подвал                      |
—————————————————–

Мне хотелось бы разместить “шапку” вверху окна браузера и “подвал” внизу - и это не проблема. Как заставить 1-й и 2-ой дивы занимать все оставшееся пространство по высоте в соотношении 50/50 при условии, что шапка и подвал имеют фиксированную высоту в пикселах, а не в процентах? При этом не должна возникать прокрутка страницы по вертикали даже при изменении высоты окна браюзера!

как решить вопрос через яваскрипт знаю, но нужно только css