li要素やli要素の子孫要素の幅が指定されているとリストマークが下方にずれる

症状

li要素やli要素の子孫要素に幅(widthプロパティ)が指定されているとき、リストマークが各リストアイテムの最後の行の行頭に表示されてしまう。

例示

<ul>
<li style="width:5em;">インターネットエクスプローラ</li>
<li><div style="width:5em;">インターネットエクスプローラ</div></li>
</ul>

li要素の幅を指定した場合と、li要素の子要素に幅を指定した場合の例です。

スクリーンショット

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

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

修正状況

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

WinIE7でも発生します。

スポンサーリンク

関連記事

スポンサーリンク

Live Commerceとは

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

上に戻る