фоновое изображение, не повторяющееся на колонке

Question

Ошибка с фоновым изображением в правой колонке. Я ожидаю, что он будет повторяться вертикально, когда и когда основная область содержимого изменяется по высоте.

Любая помощь будет оценена

вот мой CSS

#rightcol { 
     background: #86030b url(images/leftcol-bg.jpg) top repeat-y; 
     height:100% !important; 
     text-align: center; 
     float: right; 
     width: 210px; 
     padding: 20px auto; 
     } 

Here is some more of my CSS 

    #content-wrapper { 
width: 930px; 
height: 100%; 
margin: 10px auto; 
} 

#content_main { 
height: 100%; 
padding: 14px; 
top: 0px; 
background: #fff; 
width: 692px; 
float: left; 
margin-bottom: 0px; 
} 

#rightcol { 
background: #86030b url(images/leftcol-bg.jpg) top repeat-y; 
height:100% !important; 
text-align: center; 
float: right; 
width: 210px; 
padding: 0px auto; 
    } 

спасибо за вашу помощь до сих пор

Answer 1

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

Вот немного чтения свет, который мог бы помочь http://webdesign.about.com/od/csstutorials/f/set-css-height-100-percent.htm

Answer 2

попробовать это:

#rightcol { 
    background-image:url('images/leftcol-bg.jpg'); 
    background-repeat:repeat-y; 
    height:100% !important; 
    text-align: center; 
    float: right; 
    width: 210px; 
    padding: 20px auto; 
    } 

Answer 3

Вы должны поставить как ваше основное содержание и правый столбец в div, который охватывает оба, и положить фон на этом div.