リストマーカーの番号が途中から振られる

症状

順序つきのリストマーカーを設定しているリストアイテム要素は、同じ階層にあるdisplayプロパティの値がlist-itemでないブロックレベル要素もカウントの対象にする。このため、途中の番号が飛んでしまったかのように表示されることがある。

例示

<ol><li>1番</li></ol>
<div style="margin-left:40px; display:list-item;
  list-style-type:decimal;">1番</div>
<br>
<div style="margin-left:40px; display:list-item;
  list-style-type:decimal;">2番</div>
<p>ブロック</p>
<div style="margin-left:40px; display:list-item;
  list-style-type:decimal;">3番</div>

displayプロパティにlist-item値を指定したdiv要素のリストマーカーの数値は、br要素やp要素を除外して数えるはずです。

スクリーンショット

Op7.5Opera7.50標準モード

WinIE6.0WinIE6.0標準モード

補足

リストごとにリストアイテム要素をブロックレベル要素で括ることでこの不具合を回避することができます。

<ol><li>1番</li></ol>
<div>
<div style="display:list-item;">1番</div>
<div style="display:list-item;">2番</div>
</div>
<p>ブロック</p>
<div>
<div style="display:list-item;">3番</div>
</div>
  1. 1番
1番
2番

ブロック

3番

修正状況

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

WinIE7でも発生します。

スポンサーリンク

関連記事

スポンサーリンク

Suckerfish HoverLightbox

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

上に戻る