Как сделать закрасить background во всю ширину?

Question

[hollanditkzn]

У меня выходит что навигация вышла такой

Но указывать height 790px; тоже не есть хорошо, потому что если экран меньше то выйдет что футер перейдет на соседний блок. А если ее сделать

position: fixed;
height: 100%

То заполонит футер он. Не пойму как тут быть как окрасить весь этот блок он header до footer

Comments

[Александр Цымбал]

без ссылки на пример тяжело что-либо советовать.

test7.tsymbal.su/index3.php - попробуйте глянуть здесь. делал недавно то, что вам нужно. может быть, обертки где не хватает или чего еще... попробуйте проанализировать мой код и сравнить с вашим.

[hollanditkzn]

Александр Цымбал, Если брать то вот вьюшка https://github.com/hollandit/trainingYii/blob/mast...
А вот стили к этому коду
https://github.com/hollandit/trainingYii/blob/mast...
Там navBar-Thema

[hollanditkzn]

Александр Цымбал, Вопрос, а где Вы имеется делали по этому подобию?

[hollanditkzn]

Александр Цымбал,
У меня такая фигня выходит.
То есть левый блок темный мне нужно его сделать так чтобы он был от header до footer

[Александр Цымбал]

hollanditkzn, неужели негде по http показать? я же в мыслях не смогу представить, как выглядит ваш код :) покажите пример готовый, я на его основе смогу вам предложить решение.

[Александр Цымбал]

hollanditkzn, еще раз перечитал ваш пост. видимо, был невнимателен вначале. используйте flexbox, с этой техникой можно создавать колонки как в таблицах - они будут тянуться на всю высоту (от header до footer).

Answer 1

[Мирсаит Авчаренко]

Попробуйте использовать размер в vh для вашего блока:
height: 100vh;
https://habrahabr.ru/post/126863/
shpargalkablog.ru/2013/03/px-em-calc.html