<li>タグで数字が同じになってしまう（IEのみ）

はじめまして。
<li>タグを使用してもなぜか数字が
１
１
１
とすべて同じ数字になってしまいます。
ローマ字でも一緒でした。

ためしにほかのページで入れてみたら、普通に表示されたのですが・・・
ブラウザでチェックしたところ、IE（6と7）のみに現れた症状でした。

解決方法をご存じの方はどうかよろしくお願いいたします。

No.2 ベストアンサー 回答者： kuzumiHK 回答日時： 2008/04/26 13:17

IEのバグでliタグに直接幅を設定すると、

スタイルの位置がおかしくなったり、
数値が正しく表示されなくなるようです。
下記のように、li内にあるタグを利用して、
幅を設定することは可能です。

<ol>
<li><a href="#" style="display:block;width:20em;">AAAAAAAAA</a></li>
<li><p style="width:20em;">BBBBBBBBB</p></li>
<li>CCCCCCCCC</li>
</ol>

この回答へのお礼

ありがとうございます。

このようなバグがあるのですね・・・
初めて知りました。

早速修正してみます！
本当にありがとうございました。

お礼日時：2008/04/26 15:29

No.3 回答者： goldfox 回答日時： 2008/04/26 13:52

ol、li要素に幅指定をしたときのバグですね。

ol要素の親要素に幅指定、でも回避できます。

<div style="width:150px;">
<ol>
<li>AAAAAAAAA</li>
<li>BBBBBBBBB</li>
<li>CCCCCCCCC</li>
<li>CCCCCCCCC</li>
</ol>
</div>

この回答へのお礼

ありがとうございます。
このようなバグを初めて知りました。

いただいた解決策が一番シンプルそうですね。

本当にありがとうございました。

お礼日時：2008/04/26 15:31

No.1 回答者： shimix 回答日時： 2008/04/26 01:40

<ol>以降のソースを提示してみてください。

この回答へのお礼

ありがとうございます。

<ol>
<li>AAAAAAAAA</li>
<li>BBBBBBBBB</li>
<li>CCCCCCCCC</li>
<li>CCCCCCCCC</li>
</ol>

DW上だったり、他のブラウザではちゃんと表示されるんですが・・・
上に<h3>タグを配置したりしているのですが・・・

どうかよろしくお願いいたします。

お礼日時：2008/04/26 02:39