Блок div не растягивается в высоту.

[GLOCTARR]

Добрый день!  Родительский <div class="content-main"> имеет параметр height: 100%, в него вложены <div class="left"> и <div class="right"> с параметрами height:100%. Но они прижаты к верху и не растягиваются в высоту. 

index.html

style.css

[andrey7287]

22 минуты назад, GLOCTARR сказал:

Но они прижаты к верху и не растягиваются в высоту

А с какого перепугу пустые блоки должны растягиваться. Если вы хотите  растянуть их на высоту экрана, укажите 100vh а не 100%.

[npofopr]

Цитата

Ссылки на ресурс. Не стесняйтесь давать ссылки на страницы с проблемой. Если не желаете, чтобы текст был ссылкой, добавьте подчеркивание перед http, вот так: _http://site.ru
Или делайте работающий прототип примера в http://jsfiddle.net/ и давайте ссылку на него.

Для body, наверно, тоже надо. 

[GLOCTARR]

Спасибо за ответ! забыл уточнить, нужно чтобы работало в ie8.

Edited March 23, 2016 by GLOCTARR
грамматика

[by chris]

1 час назад, GLOCTARR сказал:

Спасибо за ответ! забыл уточнить, нужно чтобы работало в ie8.

html, body {
  height: 100%;
}
.content-main {
  height: 100%;
}
.left,
.right {
  height: 100%;
}