Internet Explorer (Windows) CSSバグリスト

フロートの左右にある行の端がずれる(5.x/6.0)

• 2004-11-29修正。不具合の回避方法を追加。

症状

フロートの横に、フロートに重ならないようにマージンを設置したブロックボックスを置く（いわゆる段組）とき、ブロックボックスの行でフロートの左右に置かれるものは、ほかの行に比べて文字列の端がずれている。

例示

<div style="float:left; width:4em; border:2px solid red;">
Float<br>Float</div>
<div style="margin-left:5em; padding:0; border:2px solid blue;">
←<br>←<br>←<br>←<br>←</div>

右側のブロックボックスの1行目から3行目はフロートボックスの右方にある行です。4行目と5行目はフロートボックスの右方にない行です。矢印記号の位置を比較してください。

スクリーンショット

補足

ブロックボックスのwidthまたはheightプロパティを具体的な値で明示することでこのバグを回避することができます。

<div style="float:left; width:4em; border:2px solid red;">
Float<br>Float</div>
<div style="margin-left:5em; width:50%; padding:0; border:2px solid blue;">
←<br>←<br>←<br>←<br>←</div>

修正状況

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