Задать вопрос
@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, но тогда у меня левая менюшка будет на высоту забитого мною контента, а мне нужно чтобы была на высоту экрана браузера...
  • Вопрос задан
  • 2370 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
@eandr_67
web-программист (*AMP, Go, JavaScript, вёрстка).
Сделай у блока основного контента левую границу шириной с левую панель и соответствующего цвета. И наложи панель на эту границу.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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