• ベストアンサー

<li>タグを連続しようで IEで変な表示がされる

html上で下記のようなものを連続で使用したら 変なところにテキスト内容が出てきてしまっています。 IE6とIE7だけに見られる症状のようで ご存知の方いらっしゃいましたらご回答お願い致します。 <ul> <li><a href="#">テキストが入ります。</a></li> <li><a href="#">テキストが入ります。</a></li> <li><a href="#">テキストが入ります。</a></li> <li><a href="#">テキストが入ります。</a></li> <li><a href="#">テキストが入ります。</a></li> </ul> <ul> <li><a href="#">テキストが入ります。</a></li> <li><a href="#">テキストが入ります。</a></li> <li><a href="#">テキストが入ります。</a></li> <li><a href="#">テキストが入ります。</a></li> <li><a href="#">テキストが入ります。</a></li> </ul>

質問者が選んだベストアンサー

  • ベストアンサー
  • hetare560
  • ベストアンサー率66% (28/42)
回答No.3

こんにちは。 ソースにコメントを記載しているとそのような状態になる事があります ので、ul付近にあるコメント(= <!---->)を消してみてください。

wamono
質問者

お礼

<!---->消してみました!! 直りました!!ありがとうございます。 盲点でした。隙間は空いてしまいましたが他の対応で隙間ごまかします。 ありがとうございます。

その他の回答 (2)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.2

具体的なcssなどのスタイルシートを提示ください。 なにも設定していなければ、ulはブロックになるので 左右に並ぶことはないと思います。

wamono
質問者

お礼

ご回答ありがとうございます。 うまく説明できなくてすみません ul付近の<!---->を削除して治しました。 ありがとうございます。

回答No.1

スタイルシートのlist-style-imageやlist-style-positionなどが指定されていないか、 <ul>と<li>や</li>と</ul>の間に全角スペースが入っていないか確認してみてください。 それ以外の原因は、、、症状を確認できないためわかりません。

wamono
質問者

お礼

ご回答ありがとうございます。 説明不十分ですみませんhetare560のul付近の<!---->を削除で治りました。 ありがとうございます。

wamono
質問者

補足

すみません 言葉足らずでした。 空白の問題は無いと思います。 見た目としては --------------------------------------------- テキストが入ります。 テキストが入ります。 テキストが入ります。 テキストが入ります。 テキストが入ります。 テキストが入ります。 ります。 ↑↑↑↑ --------------------------------------------- ↑矢印の部分のようにリストから外れて表示されてしまうのです。 説明が難しいのですが伝わりましたでしょうか?

関連するQ&A

専門家に質問してみよう