Резиновое бг

[Temiks]

Добрый вечер

помогите пожалуйста, как сделать такое бг через обертку?

есть одно бг которое повторяется по оси y

и есть второе бг которое не повторяется и находится вверху

повторяющейся бг начинается только тогда, когда в не повторяющиеся бг заполнено контентом

вот так

проблема в том что бг повторяющееся и не повторяющееся в формате png

на данный момент имеется вот такой код

        .rightside_bg_y {
            background: url(./design/contant/bg/rightside/rightcol_y.png) right repeat-y;
            margin: 0 -164px 0 0;
        }
        .rightside_bg {
            background: url(./design/contant/bg/rightside/rightcol.png) top right no-repeat;
            height: 1500px;
            margin: 0px 0 0 0;
        }

<div class="rightside_bg_y" >
     <div class="rightside_bg" >

     </div>
</div>

буду очень благодарен

Edited May 24, 2011 by Temiks

[ctpz]

ну неповторяющемуся прописываем

no-repeat

, а повторяющемуся прописываем

repeat-y

[Temiks]

вы меня не правильно поняли, по коду который написан выше у меня получается это

а мне нужно так

Edited May 23, 2011 by Temiks

[buddah]

А почему бы просто углы не сделать уникальными, а все остальное повторяющимся рисунком?

Мне в CSS не знакомо понятие "начать рисовать вот этот другой рисунок после того как контент перевалит за границы вон того первого"

[Temiks]

та дело в том что рисунок верхний уникален и как мне его через угол сделать? ( его высота 812рх)

[buddah]

та дело в том что рисунок верхний уникален и как мне его через угол сделать? ( его высота 812рх)

Пожертвовать рисунком и вырезать только нужные части?

[Temiks]

нет такой вариант не пойдет, тогда нужно будет сделать в jpg формате если другого способа не будет

[kolchan11]

<div style="background:url(не повтор) no-repeat;">

<div style="background:url(повтор)0px 813px repeat-y;">

</div>

</div>

вроде так, сделал на скорую руку