フロートの前にコメントを置いたとき、フロートが本来の位置よりも下方に置かれることがある。
- Category: Internet Explorer, Windows, ver.6
- Tag: float, コメント
例示
<div style="float:right; width:55%; background:aqua;">
<ul>
<li>list1</li>
<li>list2</li>
</ul>
</div>
<!-- コメント1 --><!-- コメント2 -->
<!-- コメント3 --><!-- コメント4 -->
<!-- コメント5 --><!-- コメント6 -->
<!-- コメント7 --><!-- コメント8 -->
<div style="float:left; width:45%; background:yellow;">
<ul>
<li>list3</li>
<li>list4</li>
<li>list5</li>
</ul>
</div>
<hr />- list1
- list2
- list3
- list4
- list5
コメントがあることにより、後者のフロート内の文字列が下にずれてしまうそうです。
スクリーンショット
Netscape7.1標準モード
WinIE6.0標準モード
修正状況
WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。
