Как сделать?

[Kenshi24]

Как сделать, чтобы красный блок растягивался по высоте на все свободное пространство внутри желтого блока?

 

http://jsfiddle.net/UL8Ak/2/

[Great Rash]

Какие браузеры надо поддерживать?

[Switch74]

и сразу встречный вопрос, а зеленый должен тянуться если красный будет больше?
а то можно тупо перекрасить желтый в красный
иначе я бы сделал псевдоблоки, у которых только фон тянулся, а блоки на самом деле тянулись бы внутренним контентом

 

но если хочется, можно не заморачиваться и сделать таблицами

Edited February 25, 2014 by Switch74

[Kenshi24]

Какие браузеры надо поддерживать?

Все современные, полагаю

 

и сразу встречный вопрос, а зеленый должен тянуться если красный будет больше?

а то можно тупо перекрасить желтый в красный

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

 

но если хочется, можно не заморачиваться и сделать таблицами

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

Верстка блочная, таблицы не подойдут))

Edited February 25, 2014 by Kenshi24

[Great Rash]

Все современные, полагаю

Тогда так: http://jsfiddle.net/UL8Ak/3/

[Kenshi24]

 

Все современные, полагаю

Тогда так: http://jsfiddle.net/UL8Ak/3/

 

Хотелось бы без использования таблиц

[Great Rash]

Там нет таблиц, одни дивы.

[Kenshi24]

Там нет таблиц, одни дивы.

В стилях разве не в таблицы отображение сделано?

[Great Rash]

Ну и что?

[Kenshi24]

Ну и что?

Ну хотелось бы без вмешательства табличной верстки

[Great Rash]

Верстка не табличная. Вы же видите <div>?

[Switch74]

вариант с псевдоблоками попробуйте

[Kenshi24]

вариант с псевдоблоками попробуйте

А можно в перимере?)

[Kenshi24]

Cделал верстку, с разделением центра на левую и правую часть, с прижатым к низу футером. Но центральные левый и правый блок никак не получается растянуть на все свободное пространство, т.к. контейнеру, в котором он находится присвоено:

min-height: 100%;height: auto !important;height: 100%;

Cделано чтобы прижать футер к низу страницы c с использованием доп блока :

<div class="footer-push"></div>

Нужно придумать какое-то решение, желательно кроссбраузерное и без использования таблиц, чтобы как-то прижать левый и правый блок к низу.

 

Вот верстка:

http://jsfiddle.net/KfWLM/1/

 

Скриншот страницы:

 

Edited February 26, 2014 by Kenshi24

[Switch74]

http://jsfiddle.net/5Y3qw/

[Kenshi24]

http://jsfiddle.net/5Y3qw/

Не совсем то, нужно, чтобы оба блока занимали 100% высоты родителя )

[Switch74]

так это в принципе и сделано косвенно, по другому можно через table

[Kenshi24]

так это в принципе и сделано косвенно, по другому можно через table

Ну я пробовал сделать для .content свойство height: 100%; но ничего не вышло

http://jsfiddle.net/5Y3qw/1/

Edited March 3, 2014 by Kenshi24

[Switch74]

http://jsfiddle.net/5Y3qw/2/

не работал height потому что main не имел размеров

можно было вывернуться переносом фоновых блоков в main

Edited March 3, 2014 by Switch74

[Kenshi24]

http://jsfiddle.net/5Y3qw/2/

не работал height потому что main не имел размеров

можно было вывернуться переносом фоновых блоков в main

Спасибо! Все понял! 

[Kenshi24]

 

http://jsfiddle.net/5Y3qw/2/

не работал height потому что main не имел размеров

можно было вывернуться переносом фоновых блоков в main

Спасибо! Все понял! 

 

А такая модель будет работать во всех браузерах?

[Switch74]

на сколько помню, вроде работала везде, но лучше потестить для уверенности. все что здесь используется, вроде простые вещи, работавшие еще в 6ie

[Kenshi24]

на сколько помню, вроде работала везде, но лучше потестить для уверенности. все что здесь используется, вроде простые вещи, работавшие еще в 6ie

А этот способ прижатия подвала к низу страницы нигде не встречал, видел только с помощью отрицательного отступа и доп. блока footer-push

этот кажется попроще, между ними есть разница вообще, в смысле когда какой лучше использовать?

[Switch74]

вообще способов прижатия футтера очень много + тот, которы придумаешь ты . Разница в них когда где использовать есть, но это уже нужно смотреть от определенных параметров. Лично мне нравится данный способ, всегда им пользовался пока не подводил.