Как сделать фоновый рисунок боковой панели до конца страницы

Question

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

Я пробовал такие вещи, как position: absolute; bottom: 0; top: 0; height: 100%; min-height, но ничего не работает! Сейчас код у меня есть:

#secondary { 
     width: 19%; 
     padding: 250px 30px 30px 30px; 
     top: 0; 
     margin-left: 13%; 
     background-color: white; 
     position: absolute; 
} 

Просто для справки, вот тестовый сайт с постом, который больше, чем на боковой панели. Я хочу, чтобы белый фон продлить весь путь вниз до конца поста -

http://escapism.adriftonvulcan.com/index.php/2015/06/09/arc-review-the-summer-of-chasing-mermaids-by-sarah-ockler/

Любая помощь будет высоко ценится!

Answer 1

Что-то, как это должно работать

#sidebar { 
    background-color: white; 
    position:absolute; 
    left:0; 
    top:92px; 
    bottom: 0; 
    width:13%; 
    } 

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

bottom : 0; 

должен работать

Answer 2

Это одно из решений.

Включите этот JQuery код в сноске:

<script> 
    var height=$('#primary').height(); // Calculate primary wrapper height 
    $('#secondary').height(height); // Set the height it to sidebar 
</script> 

Выход:

Answer 3

Здравствуйте в примере, который вы дали фиксировано расположение боковой панели здесь является CSS для боковой панели.

#secondary{ 
    position:fixed; 
    top:0; 
    left:0; 
    width:200px; 
    height:100%; 
    display:table-cell; 
    vertical-align: middle; 
} 

Answer 4

Вы можете попробовать этот Javascript. Это сработало для меня.

$(document).ready(function(){ 
resizeDiv(); 
}); 

window.onresize = function(event) { 
resizeDiv(); 
} 

function resizeDiv() { 
vpw = $(window).width(); 
vph = $(window).height(); 
$(‘#secondary’).css({‘height': vph + ‘px’}); 
} 

Я получил его here. Работал над одним из моих проектов.