Как сделать тянущийся фон сбоку от контента?

[nikki4]

слева и справа от контента надо сделать 2 блока от шапки до подвала с картинкой (падающие лепестки), которые бы дублировались при увеличении размера высоты.

перед футером поместил эти 2 блока (чтоб грузились уже после основного контента)

попробовал сделать так:

#bg-left {
position:relative;
float:left;
left:-100px;
top:-250px;
background:url(../images/bg-petals.png) repeat-y;
}

но почему-то это не работает.. не расятигивается, а только внизу появляется.

как же тогда сделать эти резиновые блоки по краям?

[Radiocity]

Предсказываz будущее и читая мысли на расстоянии, осмелюсь предположить, что проблема в #bg-left, у которого нулевая высота.

Edited April 24, 2012 by Radiocity

[nikki4]

Предсказываz будущее и читая мысли на расстоянии, осмелюсь предположить, что проблема в #bg-left, у которого нулевая высота.

а я её убрал всеравно не работает..

например

#bgleft {
position:relative;
top:-58px;
left:-100px;
width:100px;
height:400px;
background:brown;

создает полоску высотой в 400пикселей. а надо, чтобы динамически в зависимости от высоты

я как понял, надо просто в процентах указать:

#bgleft {
position:relative;
top:-58px;
left:-100px;
width:100px;
height:100%;
background:brown;
}

но так вообще исчезает полоска

[alexandr_v-vich]

nikki4, height: auto; min-height: 400px;

[nikki4]

nikki4, height: auto; min-height: 400px;

о, спасбио большое, то что надо!

правда теперь другая проблемка возникла.. этот блок двигает подвал..

левый блок

#bgleft {
position:relative;
left:-100px;
top:-59px;
width:100px;
height: auto; 
min-height: 500px; 
background:brown;
}

подвал

#footer {
position:relative;
z-index:-1;
margin-top:-12%;
float:left;
width:1280px;
height:340px;
margin-left:-160px;
background: url(../images/footer.jpg) no-repeat;
}

<div id="bgleft"></div>
<div id="bgright"></div>
<div id="footer"> </div>

как сделать, чтобы не двигал?

пробовал абсолютное поставить, но так сами блоки едут в зависимости от экрана..

Edited April 24, 2012 by nikki4

[nikki4]

уже не актуально )

предложили вариант проще - сделать 1 блок с фоном и все..

а если именно колонки, то тут про это хорошо написано

http://htmlbook.ru/layout/fiksirovannaya-shirina-tri-kolonki

Edited April 27, 2012 by nikki4