Как сверстать такое подменю?

Question

[sergey1989]

Доброго времени суток. Не могу растянуть фон подменю на всю высоту экрана. С корневыми пунктами вроде вопрос решил, но проблема с подпунктом.

Как выглядит:


Как должно:

Answer 1

[Pretor DH]

Для блока содержащего подпункты
display: inline-block;
position: absolute;
top:0;
bottom:0;

Для блока содержащего пункты
position: absolute;

Блок содержащий подпункты должен быть следующим за пунктом.

JSfiddle
P.S. Использовать ul li для меню несколько неправильно. Когда-то был большой спор. И пришли к выводу, что семантичнее его не использовать. И не плодить лишние блоки, тег А всегда приходится вкладывать в LI. Но много людей остаются при своем мнении.

Comments

[sergey1989]

Пробовал для вложенного. Не идет.

[Pretor DH]

Расписал подробнее.

[sergey1989]

Pretor DH: Если следующий за пунктом то не проходит тк нужны вложенные списки.

[Pretor DH]

Смотри пример на fiddle...

[sergey1989]

Почему то не тянется блок меню на всю высоту. Не могу понять, в чем причина.

[sergey1989]

Растягивает на всю ширину монитора, но странница длиннее высоты монитора.

[sergey1989]

Pretor DH: Прошу прощения, но это как, что то туплю перед праздниками?

Answer 2

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

как то так jsfiddle.net/f48ZD/456