1

<td>タグ内にテーブルがあります。

<td>周囲が大きい場合は、内側のテーブルの高さを拡張する必要があります。

jsfiddle の例は FF では機能しますが (黒の境界線は緑の境界線と同じ高さです)、IE7 では機能しません (黒の境界線が小さすぎます)。

残念ながら、ネストされたテーブル (フロートは使用できません) が必要で、IE7 をサポートする必要があります。

http://jsfiddle.net/qJTgw/3/

<table>
    <tr>
        <td style="height: 100%; min-height: 100%">
            <table style="border: 2px solid black; height: 100%; min-height: 100%"><tr><td>foo</td></tr></table>
        </td>
        <td style="border: 2px solid green">BIG<br>BIG<br>BIG<br>BIG</td>
    </tr>
</table>

jQuery ソリューションを試しましたが、ページに多くの内部テーブルがあるため、高さを変更するのに 10 秒かかりました。純粋な CSS ソリューションの方が優れています。

更新:境界線には、私が何を意味するかを示す色があります。私の実際の問題には、周囲の td と同じ高さの背景画像 (点線) があります。

4

1 に答える 1

0

おそらくあまりにも高さを追加しtableます:

<table style="height: 100%; min-height: 100%">
于 2012-04-17T09:06:19.413 に答える