Сложный растягивающийся блок

[weblad]

Здраствуйте, подскажите как сверстать блок изображенный на картинке растягивающимся по высоте? Растяжка будет за счет центральной части, с ровными краями.

Edited March 17, 2009 by weblad

[Wind]

<div class="up">
<div class="center">
<div>Тут про опубликованно</div>
/*Цикл начинается тут*/
<div class="lefter">То что синим болдом</div>
<div class="righter">то что черным регуляром</div>
/*Цикл заканчивается тут*/
</div>
</div>
<div class="bottom"></div>

Css:

div.up {background:url(/img/up.png) top left  repeat-y #fff; width:100% height:Npx;}
div.center {background:url(/img/center.png) top left  no-repeat;}
div.lefter{ float:left; width:50%;}
div.righter{float:left; width:50%}
div.bottom{background:url(/img/bottom.png) bottom left no-repeat; width:Spx; height:Gpx; }

Думаю с настройкой стилей сами разберетесь. макет режете следущим образом:

Сверху режем до того, где с правой стороны листа линия становистя прямой, это будет center.png.

Далее берем и режем up.png - это многоповторяющийся бекграунд, который тянется вниз.

Ну и снизу режем bottom.png так как надо, и все гуд =)

[weblad]

Попробовал у себя реализовать, что то не очень получилось. Может быть есть где почитать как это можно релизовать?

[Wind]

я вам дал общий каркас, я же не буду за вас делать все?! а почитать - htmlbook.ru + сами подумайте, как можно и нужно порезать макет?!

[weblad]

я вам дал общий каркас, я же не буду за вас делать все?! а почитать - htmlbook.ru + сами подумайте, как можно и нужно порезать макет?!

1. Ваш каркас не работает, даже после того как я ваши ошибки исправил.

2. Не можете объяснить, не надо было и начинать, почитать htmlbook я могу и без вашего совета, знал бы где про это написанно - не создавал бы тему на форуме.

[Wind]

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