Высота фона боковых блоков

[McLotos]

Добрый день!

У меня на сайте имеется фоновая картинка 4х4 пикселя, которая повторяется по всей высоте и ширине страницы

Над ней сверху по бокам сайта накладываются ещё две картинки (я это сделал созданием двух div)

Не могу сделать так чтобы эти 2 div были на всю высоту страницы.

Если ставлю height:100% то они только на высоту экрана, а при пролистывании дальше их нет.

Пока сделал height:500% чтобы примерно подогнать под высоту страницы с учетом контента, но если контента на странице мало, то в нижней части страницы остаётся куча пустоты.

[wh1tegray]

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

[McLotos]

<div id="left"></div>

<div id="right"></div>

<div id="middle"></div>

#left {margin-top:-600px;

float:left;

height:400%;

postition:absolute;

width:50%;

background-image:url('../img/left.png');

background-height:800px;

background-repeat:repeat-y;

z-index:-1;}

#right{margin-top:-600px;

float: right;

height:400%;

position:relative;

width:50%;

background-image:url('../img/right.png');

background-height:800px;

background-repeat:repeat-y;

z-index:-1;}

#middle{height:100%;

width:60%;

margin-left:20%;

min-height:300px;

min-width:320px;

position:absolute;}

[Switch74]

сделайте обертку для этих блоков с relative, центральному уберите absolute

[McLotos]

как это сделать обертку?

[WEB-best]

<div id="left"></div><div id="right"></div><div id="middle"></div>

#left {margin-top:-600px;float:left;height:400%;postition:absolute;width:50%;background-image:url('../img/left.png');background-height:800px;background-repeat:repeat-y;z-index:-1;}#right{margin-top:-600px;float: right;height:400%;position:relative;width:50%;background-image:url('../img/right.png');background-height:800px;background-repeat:repeat-y;z-index:-1;}#middle{height:100%;width:60%;margin-left:20%;min-height:300px;min-width:320px;position:absolute;}

пишите код лучше через классы

обертка значит заключить код в какой нибудь div

[McLotos]

пишите код лучше через классы

 

Классы я использую только если планирую несколько разных объектов которые должны иметь одинаковые свойства, например

<input id="uname" class="auth">

<input id="passw" class="auth">

а ID используется только для уникальных объектов или уникальных свойств конкретного объекта бдыщь

p.s. и кстати это не только в css, по идее так во всех языках программирования.