ul, ol要素以外でリストマーカーの数値がすべて0になる

症状

ul要素またはol要素の子要素ではないリストマーカー要素に順序つきリストマーカーを設定すると、リストマーカーの数値がすべて0になる。

例示

<div style="padding-left:2em; list-style-type:decimal;">
<div style="display:list-item;">1番</div>
<div style="display:list-item;">2番</div>
<div style="display:list-item;">3番</div>
</div>
1番
2番
3番

リストアイテム要素の親要素をdiv要素にした場合の例です。リストアイテムにはアラビア数字のリストマーカーが表示されるはずです。

スクリーンショット

WinIE6.0WinIE6.0標準モード

Ns7.1Netscape7.1標準モード

補足

リストアイテム要素の親要素に -moz-counter-reset:-html-counter 0; と指定することでこの不具合を回避することができます。これはMozillaの独自CSSプロパティであり、ul要素とol要素にはデフォルトでこのプロパティと値が指定されています。

<div style="padding-left:2em;
  list-style-type:decimal; -moz-counter-reset: -html-counter 0;">
<div style="display:list-item;">1番</div>
<div style="display:list-item;">2番</div>
<div style="display:list-item;">3番</div>
</div>
1番
2番
3番

修正状況

  • Netscape7.1, Mozilla1.6の標準モードと互換モードで不具合の発生を確認しました。

スポンサーリンク

関連記事

スポンサーリンク

UPDATE データ行の変更、更新する

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

上に戻る