Дивы максимальной высоты окна браузера даже при скролле?

Question

[Ваня]

Обновил вопрос.
Моя страница сейчас выглядит так: codepen.io/anon/pen/PqrayO

Как надо. Меню и Контент должны занимать всю высоту и быть закрашены.
1. Если они занимают скажем 50% окна, закрашиваются остальные 50%.
2. Если один из них больше другого, то при прокрутке страницы, другой должен быть закрашен до конца.

Наглядный пример, но от него отказался, так так это таблицы и возникли проблемы с позиционирование элементов внутри.

display: table;          у родителя
display: table-cell:     у Меню и Контента

1 Если Код: codepen.io/anon/pen/MwMXPR
2 Если Код: codepen.io/anon/pen/zGVaMY

Answer 1

[jlekapb]

Ваш код не осилил, но вот пример:
codepen.io/lkp/pen/jPjGWz?editors=110

Вы это искали?

Comments

[Ваня]

Нужно чтобы высота дива Контент и Меню были всегда на всю высоту, как див Сайдбар, но только не фиксированный.

[jlekapb]

chelovekmuravei: я бы отслеживал высоту браузера на js - это самый понятный вариант)

[Ваня]

jlekapb: Решил задачу, завтра отпишу ответ. Поместил 1 вариант под 2, грабли)

[Ваня]

jlekapb: думал что решил, ошибался

Answer 2

[Дмитрий Антонов]

codepen.io/anon/pen/PqrQwb надо было задать высоту html и body

Comments

[Ваня]

При добавлении информации в блоки больше чем высота окна, когда начинаешь скролить получается обрыв