верстка DIV-ами, 2 слоя

[Zeeeya]

Здравствуйте! Подскажите, как реализовать дизайн: блок контента должен растягиваться вниз.

я разбила окантовку на 3 части (красным выделено), чтоб средняя растягивалась в зависимости от объема контента, верх и низ, естественно не растягиваются. Но как наложить сверху фон для контента (желтым), он будет повторяться вниз. Если ДИВ с фоном вставить в средний main2, то получатся пустые области без текста сверху и снизу. Как сделать, подскажите пожалуйста.

Или, может, есть другое решение? Макет-то не сложный...

Заранее благодарна.

[Justnewone]

диву с фоном можно попробовать дать релейтив с большим з-индексом и отрицательные вертикальыне маргины.

[Zeeeya]

Justnewone, спасибо за идею! Сейчас попробую

[wildhind]

Тут не грех и абсолютами побаловаться.

Один контейнер — большая красная рамка. В нём второй контейнер — жёлтая рамка.

А всё остальное в большом контейнере абсолютом расставить.

[Justnewone]

Да тут още можно тупо 4 дива: верх середина с вложенным дивом "желтый прямоугольник" и низ. Резать основной фон по горизонтальным граням желтого треугольника

[Zeeeya]

Да тут още можно тупо 4 дива: верх середина с вложенным дивом "желтый прямоугольник" и низ. Резать основной фон по горизонтальным граням желтого треугольника

А какже рисунок рамки?

wildhind, спасибо!

[Justnewone]

а, ну да, не обратил внимания.

[Zeeeya]

Один контейнер — большая красная рамка. В нём второй контейнер — жёлтая рамка.

А всё остальное в большом контейнере абсолютом расставить.

т.е низ и верх - абсолютом, а середину как, чтоб растягивалась? Это я про нижний слой. Середину просто после верха? Все в одном ДИВе?

Edited August 16, 2012 by Zeeeya