Проблема с высотой <div>

[tardosmors]

Здравствуйте!

Ситуация такая: блок #page, растянутый на 100% высоты страницы, содержит в себе два блока: #content и #footer. Блок #footer зафиксирован внизу блока #page, и его высота зависит от содержащегося в нем текста (текст, при этом, может быть различный, т.е. высота не фиксирована).

Задача: нужно максимально растянуть #content по высоте, так, чтобы он не перекрывал #footer (по центру блока #content будет выровнено изображение). Иными словами, #footer растет вверх от нижнего края страницы, а #content должен занимать все свободное пространство от верха страницы до блока #footer.

Подскажите, пожалуйста, как этого добиться.

[psywalker]

А нарисуй картину, что должно быть.

[tardosmors]

Цель всего этого — расположить картинку по центру пространства над #footer, заняв при этом 100% окна по высоте без прокруток.

Edited August 30, 2011 by tardosmors

[psywalker]

Таблица не катируется?

[tardosmors]

Да вариант конечно, но хотелось узнать сначала, возможно ли без них :-)

[CalvinKlein]

думаю без таблиц тут не обойтись

Edited August 30, 2011 by CalvinKlein

[tardosmors]

Ладно, да будет так. Спасибо за ответы!