минимальная высота: 100%; не работает с плагином jQuery treeview

Question

У меня есть макет css с двумя столбцами, использующий Div, который я хочу отделить с помощью фиолетовой полосы.

Эта ссылка является примером .

Нажмите на ссылку «Сначала кликни мне» на странице. Обратите внимание на второй столбик справа.

Теперь нажмите на ссылку «Второй клик» на странице. Обратите внимание, что дополнительная полоса проходит весь путь вниз, как и должно быть, но первая полоса (например, левая колонка, свойство border-right) не сдвигается.

Теперь нажмите ссылку «Развернуть все». Теперь левая полоса опускается полностью и оставляет «вторую полосу» более короткой.

Мне бы хотелось, чтобы одна сплошная планка спускалась до самого конца.

У кого-нибудь есть идеи?

Answer 1

Вам нужна техника искусственных столбцов: http://www.alistapart.com/articles/fauxcolumns/. Это кажется не интуитивным и утомительным, но это был стандартный способ достижения этого эффекта в течение многих лет.

с использованием дисплея css: таблица http://www.onenaught.com/posts/201/use-css-displaytable-for-layout работает также (на самом деле, более разумно), но пока не поддерживается во многих браузерах.

Answer 2

Почему бы не использовать height: '100%'?

Обратите внимание на тег. А поскольку максимальная высота равна 100%, вы должны использовать свойство height. поскольку min-height не поддерживается в IE6.