Блог

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

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

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

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