下記の様に記述すると、テストの文字の上に変な空白が出来てしまいます。

恐らく、<ul>タグにこの空白を発生させる何かがあるのでしょうが、対策方法はあるのでしょうか?
ちなみに、この現象はIEのみにおきます。

<ul>
<li>
<ul>
<li>
 テスト
</li>
</li>
</ul>

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/03/01 19:29:33
  • 終了:--

回答(2件)

id:kamisakura No.1

kamisakura回答回数62ベストアンサー獲得回数02006/03/01 19:39:50

ポイント25pt

http://www.tohoho-web.com/html/ul.htm

<ul> - 順序無しリスト

このソースを見る限り、<ul>がひとつ、閉じられずに存在していますよね。


<ul>があることによって、データが入るとみなされ、その分の空白が表示されてしまうのではないでしょうか?

id:makocan

すみません。

これは、単純に記述時のミスです。。。

実際はDreamWeaverにチェックしてもらっても、エラーや警告は見つかりませんでした。と出てきます。

2006/03/02 13:28:46
id:kamisakura No.2

kamisakura回答回数62ベストアンサー獲得回数02006/03/02 14:31:49

ポイント25pt

http://www.tohoho-web.com/html/li.htm

<li> - リストアイテム

前回の回答は見なかったことにしてください。失礼しました。


さて、このソース、ひとつの「テスト」という文字列に対して<li>と</li>が二つずつありますね。


実際にIE6で、このソースで試したところ、


・テスト


のように表示されました。


結論が前の回答と同じで申し訳ないような気がしますが、

<li>があることによって、データが入るとみなされ、その分の空白が表示されてしまうのではないでしょうか?

id:makocan

隙間の原因が分かりました。

2006/03/04 00:06:01

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません