Как решить проблему при верстке когда у html,body, #wrapper height:100%;?

Question

[DaniilKhanin]

оброго времени суток, проблема у меня вот в чём:

есть сайт www.lol.domstroi69.ru/proekti.html ему задано

html,body{

height:100%

//задал для того чтобы на мониторах разной высоты всегда была голубая полоска на всю высоту экрана
}

#wrap{

height:100%;

position:relative;

}


left-barBox{

width:50px;

backgeound-color:blue;

height:100%;

position:absolute;

left:20px;

}

#footer{

position:absolute;

bottom:0;

right:0;

// футер который должен всегда находится внизу
}

Проблема в том, что когда я уменьшаю окно бразуреа по высоте или начинаю добавлять изображения в див с id='contentBox' у меня получается вот такая вот Ху...

Всё конечно исправляется если я не указываю высоту html,body wrap height='100%' #footet clear:both, но тогда у меня левая менюшка будет на высоту забитого мною контента, а мне нужно чтобы была на высоту экрана браузера...

Answer 1

[Андрей Ежгуров]

Сделай у блока основного контента левую границу шириной с левую панель и соответствующего цвета. И наложи панель на эту границу.