Санкт-Петербург

Россия

Приватный проект для psywalker

Необходима "резиновая" верстка div-ами по приложенному шаблону.
Пояснения к шаблону:

    * верстка дивовая
    * каждый блок имеет свой фон
    * для каждого блока указан свой размер в пикселях - "длина Х высота". Знак вопроса означает "резиновость" до того состояния, как указано на схеме.
    * в блоке navibar дополнительно указана область вывода текста и графич.информации: вертикально центрирована (сверху примерно 12рх), слева и справа по 20рх. Без полосы прокрутки.
    * в блоке mail дополнительно указана область вывода - вертикально центрированная, слева и справа примерно по 40рх. Без полосы прокрутки.
    * в блоке main тоже обозначена область вывода, отступ по 10рх, выравнивание по верху. Полоса прокрутки при переполнении.
    * блоки Sender и who отступов не имеют
    * весь блок who (зеленый фон) подразумевает многослойность. По нему особый разговор.
    * фон состоит из трех частей, которые условно обозначены пунктирными линиями. Верхняя и нижняя части - просто два изображения. Средняя часть - повторяющийся по вертикали фон.
    * Нижняя часть фона - картинка PNG с вырезом. Под ней через вырез "просвечивает" другая картинка image. Она имеет фиксированные размеры и отступы относительно правого и нижнего края страницы. Для примера размеры и отступы возьмите произвольные. Части фона продемонстрируйте просто заполненными цветом картинками.
    * блок online накладывается поверх всего этого безобразия. Высота блока растягивается в зависимости от размера страницы. Верхний край фиксируется относительно верхнего края документа, нижний - относительно нижнего края документа. То есть верхняя и нижняя грани имеют постоянные отступы от краев документа. Имеет полосу прокрутки при переполнении.
    * button имеет фиксированное положение относительно нижнего и правого краев документа. Располагается в верхнем слое или в том же слое, что и online

Геннадий Takker

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