リストをつかって縦メニューをかこうとしています。

<div id=”sidemenu”>
画像
<ul><li>リンク+画像</li><li>
リンク+画像</li><li>
リンク+画像</li>
画像
</div>
cssはborder,padding,marginを全部0にし、list-style-typeもnoneにしました。
この状態で、operaではうまく表示されますが、IEでは画像上下に3pxほど隙間ができてしまいます。
( http://www.gac.jp/article/index.php?stats=question&category=21&id=14642&command=msg )
↑を参考にして、vertical-align: top;としましたが、依然としてIEでは1pxほど隙間があります。この隙間をなくすにはどうしたらいいでしょうか。
また、リスト内の画像は全て縦17pxですが、上下の画像のサイズは違います。IEでは、上下の画像も場所が17px分確保され、無用な余白ができてしまいます。

全て隙間がないように表示したいと思っています。 解決法を教えてください。
hackでもいいですが、一応他の方法があればいいです

xhtml(utf-8)

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/10/29 21:10:00
  • 終了:--

回答(1件)

id:nekoyama375 No.1

nekoyama375回答回数12ベストアンサー獲得回数02005/10/30 00:01:06

margin指定でだめなら、<LI>にline-height指定してみてはどうでしょう。


ちなみにURLはリストに関する説明ページです。ご参考まで。

id:kidd_pclabo

うまくいかないので、あきらめてテーブルレイアウトを使います

2005/10/30 09:41:27
  • id:kidd_pclabo
    やり方

    http://www.mozilla.gr.jp/standards/webtips0025.html
    http://www.lucky-bag.com/archives/2005/10/demise_of_hacks.html
    を参考にしてできました

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

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

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

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