ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
QNo.3976401 <li>タグで数字が同じになってしまう（IEのみ）
質問者：noname#64096 はじめまして。
<li>タグを使用してもなぜか数字が
１
１
１
とすべて同じ数字になってしまいます。
ローマ字でも一緒でした。

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

解決方法をご存じの方はどうかよろしくお願いいたします。
困り度：
  • すぐに回答を！
質問投稿日時：
08/04/26 01:34
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答良回答10pt
ANo.3 ol、li要素に幅指定をしたときのバグですね。
ol要素の親要素に幅指定、でも回避できます。

<div style="width:150px;">
<ol>
<li>AAAAAAAAA</li>
<li>BBBBBBBBB</li>
<li>CCCCCCCCC</li>
<li>CCCCCCCCC</li>
</ol>
</div>
回答者：goldfox
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：
08/04/26 13:52
この回答へのお礼ありがとうございます。
このようなバグを初めて知りました。

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

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

回答良回答20pt
ANo.2 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>
回答者：kuzumiHK
種類：回答
どんな人：専門家
自信：自信あり
回答日時：
08/04/26 13:17
この回答へのお礼ありがとうございます。

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

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

回答
ANo.1 <ol>以降のソースを提示してみてください。
回答者：shimix
種類：補足要求
どんな人：経験者
自信：参考意見
回答日時：
08/04/26 01:40
この回答へのお礼ありがとうございます。

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

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

どうかよろしくお願いいたします。
 
最新から表示｜回答順に表示｜良回答のみ表示
このページのトップへ