• 締切済み

リスト関連のタグが重なってしまいます。

リスト関連のタグが重なってしまいます。 自分のブログのHTML CSSを1から自分で作ってみようと、 ある程度作ってしまったのですが、 ひとつ問題がありそれが出来ず困っています。 それは、<ul>、<li>タグ、つまり、リストが長い文字だと重なってしまうのです。 普通なら、 ・あいうえお、か  きくけこ ・さしすせそ など、リストの文字が長くて改行された場合は、 それに合わせて下の・さしすせそが一行下に配置されますが、 私の場合、この きくけこ と ・さしすせそ が重なってしまうのです。 もちろん、 ・あいうえお ・かきくけこ など、一行に収まった場合は重なりません。 私は、 *{ margin:0px; padding:0px; border:0px; } をCSSファイルの一番初めに入れていることが原因かなと考えていますが、 これがないと、ページ全体がぐちゃぐちゃになってしまいます。 質問する前に自分で解決したほうがよいと思い、 長い時間悩みましたが、もう限界です。 誰か解決策を知っている方がいれば、答えてくれると幸いです。

みんなの回答

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.2

*{ margin:0px; padding:0px; border:0px; } これが原因ではありません。 URLやその部分のソースが無いと単なる推測しかできませんが、 li の height か、position なんかが絡んでいるのではないかと。 (折り返しが枠の高さ指定からはみ出すので文字が重なる。) ブラウザにもよります。余計なCSSを一旦解除してみましょう。 まさか、この部分だけネガティブマージンを利用しているとも思えませんし。

wararyo
質問者

補足

ありがとうございます。 ネガティブマージンはまったく使っていません。 いい忘れていたのですが、この部分をコメントアウトすると、 とりあえずこのリストの問題は解決するんです。 でもこの部分を取ると、上記の通りぐちゃぐちゃになってしまうので、 なんとかこの部分を取らずに解決したいんです。 あとIE6ではこの問題は起きません。 他の場所に原因があることを祈って、 がんばってみます。

  • Java-Java
  • ベストアンサー率41% (14/34)
回答No.1

ソースを載せて下さい。 これだけでは答えられないです。