ボックスのセンタリング時に上下マージンが無視される

症状

マージンに関するプロパティに 'auto' を指定してボックスをセンタリングする際、縦方向マージンにもautoが指定されたときやmarginプロパティでセンタリングしたときに上下マージンの量はスタイルシートでの指定を無視した値になる。

例示

<div style="margin:0; background:red;">A</div>
<div style="margin:1em auto; background:aqua;">B</div>
<div style="margin:0; background:red;">C</div>
A
B
C

これは症状の「marginプロパティでセンタリングしたとき」の例示です。'B' のdiv要素は上下に1文字分のマージンを設定しています。

スクリーンショット

WinIE6WinIE6.0での表示

Op6Opera6.05での表示

修正状況

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

スポンサーリンク

関連記事

スポンサーリンク

ハードタブとソフトタブ

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

上に戻る