Сделайте все столбцы 100% высоты окна

Question

У меня, вероятно, просто выходной, и я пропускаю простое исправление, но у меня есть макет из трех столбцов (вы можете просмотреть тестовую страницу здесь ), и я хотел бы заполнить все три столбца окно браузера. На практике в 99% (или, может быть, в 100%) времени один из столбцов будет проходить за сгибом, поэтому другие два столбца имеют длину, равную длине самого длинного столбца. Это кажется достаточно простым, но мне еще предстоит заставить его работать согласованно по всему сайту.

Я включаю CSS. Если кто-то хочет увидеть разметку темы Tumblr, просто дайте мне знать. Сейчас это что-то вроде неорганизованного беспорядка (у меня еще не было возможности его убрать), но он все еще может быть полезным.

Обидные таблицы стилей доступны прямо здесь (заранее извиняюсь ...)

Answer 1

если вы хотите, чтобы столбцы равной высоты использовали html 4.0, а не xhtml, если вы используете xhtml, вам придется использовать javascript, чтобы сделать столбцы равными по высоте.Я уверен, потому что я тоже сталкивался с этой проблемой.

Answer 2

То, что вы хотите - это столбцы равной высоты.

Это на самом деле немного сложнее, чем кажется.

Вот объяснение , которое я использовал, которое мне очень помогло.

Плюс это работает, и чисто, и соответствует стандартам, и т. Д., И т. Д.

edit

Это не столько "чисто", сколько выполнить работус минимальным кодом и без хаков.Для каждого столбца есть новый вложенный div, но это довольно небольшая цена за эффект.