Winternight

Сайт состоит из 2-х колонок - узкой левой с меню (она 2-хцветная-сверху зеленый блок, снизу-красный) и широкой правой с контеном страницы. В коде узкая колонка это col-md-3, широкая col-md-9. Проблема в том, что красная часть колонки col-md-3 должна растягиваться до низа браузера вне зависимости от изменения размера окна браузера по вертикали. Сейчас при сжатии окна браузера по вертикали красный блок залазит под зеленый и не растягивается вообще, вместо него пустое место, тк он частично находится за зеленым блоком.

Добрый день всем! Пытаюсь сделать для своей фирмы сайт на bootstrap 3, но столкнулся с проблемой, которая уже обсуждалась на данном форуме, но решение мне не помогло. Дело вот в чем. Макет состоит из 2 колонок: в левой навигация, в правой - контент, причем все это на фреймворке Bootstrap 3. Задача - сделать левую колонку резиновой по вертикали ,чтобы красный фон в нижнем div заполнял страницу до нижнего края браузера. Сейчас же при сжатии окна браузера по вертикали и при прокрутке в этом виде вниз, div улетает вверх и не растягивается. Видел решение с margin-bottom и padding-bottom, но либо я не туда задаю эти стили, либо в bootstrap надо другое решение. Вот код: http://jsfiddle.net/stspkmm5/ Просьба JavaScript и Php решения не указывайте. Я не знаю их. Только CSS и HTML