Как сделать меню на всю высоту экрана?

Question

[Anna Kolchina]

Собственно вопрос в том относительно чего его позиционировать, какие свойства задавать у родителя и самого меню?

Сейчас меню находится в блоке header у которого фиксированная высота, соответственно ни о какой высоте во всю ширину страницы и речи быть не может. Есть вариант сделать элемент дочерним по отношению к body, но не знаю насколько это решение будет верным.

Comments

[iBird Rose]

я все же думаю, что дизайнер имел ввиду, что меню будет fixed

[Anna Kolchina]

iBird Rose, Даже если fixed, фон всё равно должен быть на всю высоту страницы.
Если позиционировать относительно body то так и получается, но насколько этот вариант будет верным не понятно. Так как получается, что меню, абсолютно независимый элемент на странице.

[iBird Rose]

Anna Kolchina, fixed не позиционируется относительно body. делай fixed и задай ему width: 100% и height: 100%; будет на всю страницу.

[Anna Kolchina]

iBird Rose, Спасибо, всё получилось.

Answer 1

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

дайте следующие css для блока с меню:

position: fixed;
z-index: 999;
width: 100%;
height: 100%;

посмотрите, что получится. Возможно, дальше сами допишете.
Я просто как отправную точку предложил. Основная штука - position: fixed; .