заполнить пространство по вертикали, с отображением: ячейка таблицы (IE8 / 9)

Question

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

http://jsfiddle.net/bDm4d/12/ попробуйте это в firefox / chrome / safari, чтобы увидеть, как это должно выглядеть, и проверьте в ie8 / 9, вы поймете проблему. Оба столбца должны иметь одинаковую высоту, поскольку они оба находятся в ячейке отображаемой таблицы. Центр (зеленый справа, розовый слева) имеет высоту авто, поэтому он "должен расширяться", как в webkit / ff.

Обходной путь для ie будет большим условием или нет.

Answer 1

К сожалению, display: table-cell не поддерживается IE. К счастью, есть несколько обходных путей для получения div с отображением: блок, чтобы заполнить рост их родителей, создавая эффект «равной высоты». Я нашел эту статью очень полезной, когда столкнулся с подобной проблемой макета. Удачи!