html - ネストされたテーブルは親 td を高さで埋めません

Question

IE9+ のマークアップで問題が発生しました。Nestedtableは親を埋めませんtd。

これがjsFiddleです。赤いテーブルは残りの垂直サイズを埋める必要があります。

他のブラウザでは、すべて正常に動作しています。どんな助けでも大歓迎です。

アップデート。IE で表示されているものを示す画像を追加しました。

ここに画像の説明を入力

score 0 · Accepted Answer

CSS だけでスペースを完全に埋めることはできないと思いますが、境界線を折りたたむと少しは役に立ちます。

table {
    border-collapse:collapse;
}

編集:質問を編集したようです。

両方のテーブルに 2 行しかない場合height、td要素のを 50% に設定すると、IE でうまくいくようです。

table td {
    height:50%;
}

1 に答える 1