WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:リストタグでサブメニュー

0:[投稿] .+ [2005/03/15 02:21 ][環境:IE ]

リストタグでブロックボックスを利用したサイドメニューを作っていますが、IE5.x、6では以下にリンク先でも記述されているようなスペースが出るバグが発生します。
http://cssbug.at.infoseek.co.jp/detail/winie/b071.html

このバグはリンク先で出ている方法で回避できるんですが、そのリスト要素の中にさらに一段階下にリストタグを設けてサブメニュを作ろうしています。そうするとサブメニューの上部に一行分の余白がでてしまうんですが、どうやってもその余白を消すことができません。どうにかならないものでしょうか。。

雰囲気としてはこんな感じです。
<ul id="navi">
<li>menu01</li>
<li>
<ul id="subnavi">
<li>sub menu01</li>
<li>sub menu02</li>
<li>sub menu03</li>
</ul>
</li>
<li>menu02</li>
<li>menu03</li>
</ul>


1:[回答] を [2005/03/15 09:15 ]

menu01とsub menu01の間に空白が入ってしまうってことでしょうか?
それなら
<ul id="navi">
<li>menu01</li>
<ul id="subnavi">
<li>sub menu01</li>
<li>sub menu02</li>
<li>sub menu03</li>
</ul>
<li>menu02</li>
<li>menu03</li>
</ul>
でどうでしょう?
意味を取り間違えていたらすみません。


2:[回答] ミツ [2005/03/15 11:04 ]

>1 それでは単なる文法違反になってしまいます。
<ul id="subnavi">の直前に</ul>を補うブラウザがあっても文句いえません。

ブラウザのデフォルトのスタイルとしてリストの前後にはmarginがあるようですから、スタイルシートでmarginを制御すればいいかと。
#subnavi{margin-top:0;margin-bottom:0;}

ただ、構造として menu01 の配下に sub menu? があるなら・・・
<ul id="navi">
<li>menu01
<ul id="subnavi">
<li>sub menu01</li>
<li>sub menu02</li>
<li>sub menu03</li>
</ul>
</li>
<li>menu02</li>
<li>menu03</li>
</ul>

こんな風にするべきなのかも。


3:[回答] を [2005/03/15 12:48 ]

>投稿者、2 様
すみません、勉強不足でした。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World