Как растянуть div на всю высоту в IE 11?

Question

[tolalur]

Есть таблица, от которой нельзя отказаться по историческим причинам.
Есть примерно такой код.

<table>
  <tr>
    <td style="position: relative">
      <div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0"></div>
    </td>
  </tr>
</table>

Проблема с отображением в IE 11, он отказывается растягивать div на всю высоту родителя.
Есть ли какой то способ растянуть div?
Заранее спасибо.

Comments

[Вадим Белкин]

а сама таблица или ячейка имеет размеры и какие? может у вас таблица с ячейкой просто схлопываются в нулевую высоту из-за отсутствия контента который их растягивает

[tolalur]

В таблице несколько столбцов. В целевом столбце контента меньше чем в соседнем, поэтому напрямую высота для целевого td не задана, он растянут по соседнему td.
Что то типа такого:
https://jsfiddle.net/sz64jzvr/12/
Если вы откроете пример в хроме div во втором td растянут на всю его высоту, хотелось бы добиться такой же картины и в IE11.

Answer 1

[tolalur]

Спасибо за ваш ответ.
Но боюсь, что это не то. В вашем примере div растянется на высоту экрана. А мне бы хотелось растянуть div на высоту td

https://jsfiddle.net/sz64jzvr/4/

Comments

[Максим]

так ? https://jsfiddle.net/lenskyuser/sz64jzvr/10/

[tolalur]

Увы. Ваш вариант растягивает высоту div на высоту экрана, а не на высоту td
Выглядеть должно вот так
https://jsfiddle.net/sz64jzvr/12/