Home > Windows > Internet Explorer > ver.6 相対配置要素内のテーブル行グループ要素のスタイルが外部にはみ出す

相対配置要素内のテーブル行グループ要素のスタイルが外部にはみ出す

相対配置した要素の子孫にtable要素があるとき、そのテーブルの行グループ要素(thead, tfoot, tbody)に指定した背景がテーブルの外部にはみ出して表示されることがある。

例示

<div style="position:relative; border:2px solid blue;">
    <p>表</p>
    <table border="2">
        <thead style="background:aqua;">
            <tr>
                <td>head</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>body</td>
            </tr>
        </tbody>
    </table>
</div>

head
body

ウィンドウのサイズを変えると、背景がはみ出している部分が変化します。

スクリーンショット

Ns7.1Netscape7.1標準モード

WinIE6.0WinIE6.0標準モード

補足

行グループ要素を相対配置することでこの不具合を回避できます。

<div style="position:relative; border:2px solid blue;">
    <p>表</p>
    <table border="2">
        <thead style="background:aqua; position:relative;">
            <tr>
                <td>head</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>body</td>
            </tr>
        </tbody>
    </table>
</div>

head
body

修正状況

WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。

Home > Windows > Internet Explorer > ver.6 相対配置要素内のテーブル行グループ要素のスタイルが外部にはみ出す

Search
オススメ書籍
Feeds

Return to page top