通常の場合

ol タグで、算用数字が振られるリストを表示すると、1. 2. 3. ・・・ となっていく。

以下が、ol タグで算用数字が振られるソースとその表示例。

■参考ソース

<ol style="list-style-type:decimal">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ol>

■表示結果

  1. リスト1
  2. リスト2
  3. リスト3

width を指定した場合

これが、li の style に width を指定して、IEでみるとなぜか 1. 1. 1. ・・・ となっている。

以下が、挙動がおかしくなるソースとその表示例。

■参考ソース

<ol style="list-style-type:decimal">
<li style="width:90%">リスト1</li>
<li style="width:90%">リスト2</li>
<li style="width:90%">リスト3</li>
</ol>

■表示結果

  1. リスト1
  2. リスト2
  3. リスト3

これはどうすれば対処できるんだ?

この記事のトラックバックURL

トラックバック一覧

  1. 「EasyAll 1.1 by WordPress Japa…

    偶然見つけた。<li>タグの不具合についての暫定対応方法
    現象:<li>でナンバリングした投稿が、すべて1となる。
    対処方法:EasyAllテー (more…)

    トラックバック:PocketMemory | 2007/09/30 日曜日 16:29

コメント一覧

この記事にはコメントがついていません。

RSS feed for comments on this post.

コメント投稿

:b-ok: :b-ng: :b-heart: :b-heartbreak: :b-note: :b-idea: :b-!: :b-?: :b-sleep: :b-up: :b-down: :b-run: :b-tear: :b-sweat: :b-cat: :b-star: :b-glitter: :b-silent: :b-anger: :b-black: :b-neutral: :b-weep: :b-cry: :b-grin: :b-shock: :b-shy: :b-smile: :b-angry: :b-redangry: :b-depress: :b-glad: :b-relieve: :b-surprised: :b-tired: :b-fascinated: :b-oops: :b-amazed: :b-absent: :b-happy: :b-discouraged:

zontheworld
うまい焼肉が喰いたい。
HTML convert time: 0.172 sec. ( Login )