Резиновый макет по высоте

[Vulner]

Такая задачка: имеется хедер, контентная часть и футер. Высота ни одного из этих блоков заранее неизвестна. Необходимо получить макет в котором футер, как ему и положено, прижат к низу, контентная часть при этом растягивается на всю доступную ей высоту(т.е. 100%-высота футера-высота хедера). При этом содержимое этих блоков никуда не наезжает, т.е. блоки толкают друг друга. Я примерно представляю как это можно реализовать через Javascript(правда там кажется будет проблемка при изменении высоты окна браузера, поскольку макет по идее не перестроится до перезагрузки страницы, но не пробовал еще), но можно ли еще это как-то реализовать? Кто что посоветует?

Edited July 21, 2013 by Vulner

[npofopr]

Когда же вы искать то научитесь.

http://vitaly.harisov.name/article/independent-blocks.html

http://gruzzilkin.110mb.com/layout/

http://peterned.home.xs4all.nl/examples/csslayout1.html

на посмотреть:

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

http://www.cssplay.co.uk/layouts/flexible-3column.html

http://fiddle.jshell.net/mayTh/19/show/light/

http://chikuyonok.ru/playground/cols/

http://chikuyonok.ru/2009/06/float-columns/

[Vulner]

Благодарю за подборку! Многое из этого я уже знал, однако все равно не мог додуматься. Но более внимательно изучив весь подобранный вами материал проблему решил