Форсирование высоты div с помощью CSS

Question

У меня есть тестовая страница с тремя столбцами вверх (http://hussain.mooo.com). Однако левый и правый столбцы отказываются растягиваться до нижней части страницы. XHTML и CSS действительны, я использую Firefox, и они все внутри div-оболочки. Любая помощь?

Заранее спасибо.

Answer 1

Самый простой, самый известный и наиболее используемый способ сделать это - использовать Faux Columns.

Вы можете прочитать об этой полезной технике здесь: http://www.alistapart.com/articles/fauxcolumns/

В комментарии и в другом ответе на этот же вопрос @Tharkun указал, что это решение работает только со столбцами фиксированной ширины. Это верно для исходной версии Faux Columns, но эту технику легко расширить для работы с жидкостными макетами (жидкостная компоновка = как минимум ширина столбца, указанная в%), и здесь объясняется, как это сделать: http://www.communitymx.com/content/article.cfm?cid=afc58

Answer 2

Как говорит @ Андреа Зилио, вы можете использовать технику искусственных колонок, но это будет означать отказ от ширины жидкости как минимум в одном или двух столбцах.

Существуют другие подходы для 100% высоты в многостолбцовых схемах с шириной жидкости.

Мэтью Джеймс Тейлор дает отличное объяснение того, как многостолбцовый флюид с макетами высотой 100% работает и несколькими макетами, которые вы можете скопировать (посмотрев на исходный код).

Answer 3

Посмотрите на макеты страниц на maxdesign .