表の行グループ要素に指定したheightプロパティがセル要素に継承する

症状

thead, tfoot, tbodyの各要素にheightプロパティを指定すると、内部のth, tdの各要素にその値が継承する。

例示

<table border="2" style="width:6em;">
<thead>
<tr><th>1</th><th>2</th><th>3</th></tr>
</thead>
<tbody style="height:4em; overflow:auto;">
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
</tbody>
</table>
123
123
456
789
123
456
789

tbody要素の高さを4emに設定しています。なお、heightプロパティは継承しないと定められています。

スクリーンショット

N7N7.02での表示(標準モード)

WinIE6WinIE6.0での表示(標準モード)

修正状況

WinIE5.5、WinIE6.0標準モード、WinIE6.0互換モードで不具合の発生が確認されました。

WinIE7でも発生します。

関連記事

スポンサーリンク

quotes 引用符を設定する

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る