Верстка div-ми. Как быть с подвалом?

[kozakmamai]

Есть такая проблема.

Есть страничка в ней одна колонка (div). Как сделать так чтобы в случае не полной заполнености колонки, низ ее был в самом низу окна браузера, но в случае добавления материала низ опускался ну и соотвественно в браузере появляется вертикальный скрол.

Буду очень презнателен если подскажите или дадите сылки на материал. На каком ресурсе можна посмотреть варианты верстки в одну, две, три колонки, с подвалом и тд.

[SelenIT]

1) Это ископаемый код для IE6, который не понимал min-height и !important, но и height в нем работал неправильно — как min-height по стандарту. Эти строчки вместе с min-height: 100% давали одинаковое поведение в нем и в стандартных браузерах. Года 3 как уже не нужно.

 

2) pusher резервирует место, которое будет перекрываться футером, чтобы тот не наезжал на контент. Сейчас с тем же успехом можно использовать псевдоэлемент ::after, а то и нижний padding при box-sizing:border-box.

[Anymaxis]

Помогите пожалуйста прижать желтый <div class="content"> к низу страницы.

• Шапка и меню фиксированные.
  
• Высота <div class="content"> не определена.
  

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

 

Мой код: http://jsfiddle.net/jb3tvcgL/2/

 

P.S. Спасибо Sensei за решение проблемы, варианты решений:

http://jsfiddle.net/stLvLLkm/

http://jsfiddle.net/p55njxgx/

http://jsfiddle.net/sn12zzex/

http://jsfiddle.net/w78Lrxjo/

http://jsfiddle.net/65u5usgx/

Edited September 11, 2015 by Anymaxis

[DimmoS]

на моей памяти везде работал...

И без

height: auto !important;

всё хорошо работает