@DaniilKhanin

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

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

есть сайт 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' у меня получается вот такая вот Ху...2be87b2acaf7429d903b4bfa9c7c4c84.png

Всё конечно исправляется если я не указываю высоту html,body wrap height='100%' #footet clear:both, но тогда у меня левая менюшка будет на высоту забитого мною контента, а мне нужно чтобы была на высоту экрана браузера...
  • Вопрос задан
  • 2369 просмотров
Пригласить эксперта
Ответы на вопрос 1
@eandr_67
web-программист (*AMP, Go, JavaScript, вёрстка).
Сделай у блока основного контента левую границу шириной с левую панель и соответствующего цвета. И наложи панель на эту границу.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы