Как растянуть блок на всю ширину?

Question

[kicherov_maxim]

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

Вот ссылка на эту страницу cardiohelp.me/ultra-sound-analyzer.html
Вот страница на которой этот эффект работает cardiohelp.me/charts.html
Что сделано неправильно? заранее спасибо

Comments

[sergey]

Что у вас общего с примером? Посмотрите в свой код, сделайте выводы и учитесь верстать, все.

[kicherov_maxim]

Sagan, подскажите если знаете в чем проблема, я же не прошу за меня верстать...

[sergey]

kicherov_maxim, сходу неправильная верстка (открыл код и увидел не последовательность написания кода), откройте консоль разработчика и сами это увидите.

касательно самой проблемы, то вот на скорую руку jsfiddle

Answer 1

[Максим]

.viewport-containers {
background-color: black;
width: 80%;
height: 80%;
color: red;
position: absolute;
right: 5px;
}

поменяйте цифры на 100% и right 0

Comments

[kicherov_maxim]

Не помогло(

[Максим]

kicherov_maxim, лукавите Тёска

[kicherov_maxim]

обновил, сами посмотрите cardiohelp.me/ultra-sound-analyzer.html

[Максим]

kicherov_maxim, width 84% а height на вше усмотрение ... но можете написать условие так width:calc(100% - int); int это ширина блока с лева

[kicherov_maxim]

Спасибо

[Максим]

kicherov_maxim, галочку поставьте