Вертикальная линия во всю высоту

RK3DNP · September 28, 2012

Имеется блок 1, который имеет ширину 1000 пикс, у него фон картинка. Этот блок растягивается полностью вниз.

Необходимо сделать вертикальную линию (блок 2) на блоке 1 на всю высоту, при увеличении высоты, линия так же растягивалась бы в низ.

Блок 1 работает с параметром min-height, а блок 2 не хочет.

</div>

</body>

#blok1{

width:1000px;

margin:auto;

background-image:url(../images/zz.jpg);

background-repeat:repeat;

min-height:100%;

_height:100%;

}

#blok2{

width:46px;;

min-height:100%;

_height:100%;

background-image:url(../images/lenta_v.png);

background-repeat:repeat-y;

}

Спасибо.

wwt · September 28, 2012


html, body {
height:100%;
}

#blok1{
width:1000px;
height:100%;
}

#blok2{
width:46px;;
min-height:100%;
}

RK3DNP · September 28, 2012

Спасибо большое.

RK3DNP · October 1, 2012

Возникла следующая проблема, если в блок 2 вставить блок 3, то при увеличении текста, тока на длину страницы отображается фон и вертикальная линия, то есть на всю длину прокрутке не отображается фон и линия. Пробовал экспериментировать с height и min-height, ничего не выходит.

Sign In

Вертикальная линия во всю высоту

Question

RK3DNP

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

wwt

Link to comment

Share on other sites

RK3DNP

Link to comment

Share on other sites

RK3DNP

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information