- ベストアンサー
<li>タグを連続しようで IEで変な表示がされる
html上で下記のようなものを連続で使用したら 変なところにテキスト内容が出てきてしまっています。 IE６とIE７だけに見られる症状のようで ご存知の方いらっしゃいましたらご回答お願い致します。 <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>
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 ソースにコメントを記載しているとそのような状態になる事があります ので、ul付近にあるコメント（＝ <!---->）を消してみてください。
その他の回答 (2)
- yambejp
- ベストアンサー率51% (3827/7415)
具体的なcssなどのスタイルシートを提示ください。 なにも設定していなければ、ulはブロックになるので 左右に並ぶことはないと思います。
お礼
ご回答ありがとうございます。 うまく説明できなくてすみません ul付近の<!---->を削除して治しました。 ありがとうございます。
- 神崎 渉瑠（@taloo）
- ベストアンサー率44% (1016/2280)
スタイルシートのlist-style-imageやlist-style-positionなどが指定されていないか、 <ul>と<li>や</li>と</ul>の間に全角スペースが入っていないか確認してみてください。 それ以外の原因は、、、症状を確認できないためわかりません。
お礼
ご回答ありがとうございます。 説明不十分ですみませんhetare560のul付近の<!---->を削除で治りました。 ありがとうございます。
補足
すみません 言葉足らずでした。 空白の問題は無いと思います。 見た目としては --------------------------------------------- テキストが入ります。 テキストが入ります。 テキストが入ります。 テキストが入ります。 テキストが入ります。 テキストが入ります。 ります。 ↑↑↑↑ --------------------------------------------- ↑矢印の部分のようにリストから外れて表示されてしまうのです。 説明が難しいのですが伝わりましたでしょうか？
お礼
<!---->消してみました！！ 直りました！！ありがとうございます。 盲点でした。隙間は空いてしまいましたが他の対応で隙間ごまかします。 ありがとうございます。