Как правильно добиться резиновой высоты?

Question

[blinka]

Добрый вечер, задача:
1) Есть lading page внутри 3 блока - слайдер, контент, и футер
Как сделать Слайдер размером скажем в 70%, контент 130%, футер 100%; //без js, и vh
2) Если делать через html, body { height: 100%; }, необходимо завернуть задачу 1 в блок layout
3) Необходимо поменять background всех блоков // тут возникли проблемы. кроме как задавать дополнительный класс или завернуть контент и футер в обертку
3) Как вы считаете лучше решать эту задачу через 100%, или js ?

Comments

[Ivan Bogachev]

А чем вам единицы vh не угодили?

[Ankhena]

@blinka
1. Чем плохи vh?

2.

Как сделать Слайдер размером скажем в 70%, контент 130%, футер 100%; //без js, и vh

Это %% чего?

3.

Необходимо поменять background всех блоков // тут возникли проблемы. кроме как задавать дополнительный класс или завернуть контент и футер в обертку

Это вообще не понятно.

4.

3) Как вы считаете лучше решать эту задачу через 100%, или js ?

Вообще не вижу макета от этой задачи

[blinka]

caniuse.com/#search=vh вот чем плох vh.

[Ankhena]

blinka: Тогда в вопросе надо указывать, что критично важны ИЕ8, опера мини и подобное.

Answer 1

[Сергей Горячев]

Как правильно добиться резиновой высоты?

Для начала, объяснить нормально, в чем проблема?
А еще лучше приложить код на фиддле или кодепене.

Из всего написанного вижу, что вы знаете все решения.
Поэтому нифига не понятно, в чем вопрос.

Comments

[blinka]

структура html





если выставить layout = 100% slaider = 100%, main=130% footer=100%
и применить свойство background, к layout, поменяет только цвет слайдера (остальные игнорирует)
как поменять фон всех блоков одновременно

Answer 2

[Ankhena]

Как сделать Слайдер размером скажем в 70%, контент 130%, футер 100%; //без js, и vh

https://jsfiddle.net/ra3phkzr/ цвет
https://jsfiddle.net/rtuazL7e/ с картинками