Резиновая верстка DIV-ами

Приватный проект для psywalker

Необходима "резиновая" верстка div-ами по приложенному шаблону.

Пояснения к шаблону:

* верстка дивовая

* каждый блок имеет свой фон

* для каждого блока указан свой размер в пикселях - "длина Х высота". Знак вопроса означает "резиновость" до того состояния, как указано на схеме.

* в блоке navibar дополнительно указана область вывода текста и графич.информации: вертикально центрирована (сверху примерно 12рх), слева и справа по 20рх. Без полосы прокрутки.

* в блоке mail дополнительно указана область вывода - вертикально центрированная, слева и справа примерно по 40рх. Без полосы прокрутки.

* в блоке main тоже обозначена область вывода, отступ по 10рх, выравнивание по верху. Полоса прокрутки при переполнении.

* блоки Sender и who отступов не имеют

* весь блок who (зеленый фон) подразумевает многослойность. По нему особый разговор.

* фон состоит из трех частей, которые условно обозначены пунктирными линиями. Верхняя и нижняя части - просто два изображения. Средняя часть - повторяющийся по вертикали фон.

* Нижняя часть фона - картинка PNG с вырезом. Под ней через вырез "просвечивает" другая картинка image. Она имеет фиксированные размеры и отступы относительно правого и нижнего края страницы. Для примера размеры и отступы возьмите произвольные. Части фона продемонстрируйте просто заполненными цветом картинками.

* блок online накладывается поверх всего этого безобразия. Высота блока растягивается в зависимости от размера страницы. Верхний край фиксируется относительно верхнего края документа, нижний - относительно нижнего края документа. То есть верхняя и нижняя грани имеют постоянные отступы от краев документа. Имеет полосу прокрутки при переполнении.

* button имеет фиксированное положение относительно нижнего и правого краев документа. Располагается в верхнем слое или в том же слое, что и online