Высота 100% не работает в IE

Question

Я знаю, что есть много вопросов об этом, и я просмотрел их все. У меня есть сайт, где мне нужно левое <td> продлить на 100%. У меня есть все блоки, содержащие до 100%, и это отлично работает в хроме и сафари. Однако он не распространяется на базу экрана в IE или Firefox. У меня есть приблизительный эскиз, потому что код слишком длинный для вставки. Я также включил CSS на странице, чтобы упростить просмотр.

Я использовал эти два сообщения, но ни один из них не исправил мою проблему. CSS 100% height in ie Div 100% height works on Firefox but not in IE

Am I отсутствует контейнер или есть специальный способ, чтобы это произошло в IE и Firefox? Это мой первый беспорядок со 100% высоты в css.

Answer 1

Это из-за этой линии УСС в td.left:

дисплей: встроенный блок;

Удалите его, чтобы он оставался по умолчанию: display: table-cell. Затем он работает в IE.

Я настоятельно рекомендую вам не использовать таблицы для такого макета. Вот хороший учебник, который покажет вам, как это сделать, используя divs + css: http://learnlayout.com/

Answer 2

Лучший способ, которым я могу думать, это обертывание обеих панелей большим абсолютным DIV, и таким образом вы можете дать внутренний div a (рабочий) стиль, как это:

height: 100%; 

Я сделал пример здесь:

Результат - http://fiddle.jshell.net/E8SK6/1/show/

код - http://jsfiddle.net/E8SK6/1/