Home > Windows > Internet Explorer > ver.6 Under rightプロパティが親要素のボックスを基準にした配置を行わない

rightプロパティが親要素のボックスを基準にした配置を行わない

ポジショニングした要素の子孫要素を絶対配置するとき、rightプロパティは指定した値どおりの配置をしない。

例示

<div style="position:relative; border:2px solid red;">
    A
    <div style="position:absolute; right:0px; top:0px; background:lime;">B</div>
</div>
A
B

Bのdiv要素はAのdiv要素から右から0px、上から0pxの位置に配置されるはずです。

スクリーンショット

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

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

補足

問題が起きる要素の親要素で幅を指定(widthプロパティ)すればこの不具合を回避できます。

<div style="position:relative; border:2px solid red; width:100%;">
    A
    <div style="position:absolute; right:0px; top:0px; background:lime;">B</div>
</div>
A
B

修正状況

WinIE6.0では標準・互換モードともに不具合の発生が確認されました。

Home > Windows > Internet Explorer > ver.6 Under rightプロパティが親要素のボックスを基準にした配置を行わない

Search
オススメ書籍
Feeds

Return to page top