人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

リストをつかって縦メニューをかこうとしています。
<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)

●質問者: kidd_pclabo
●カテゴリ:コンピュータ
✍キーワード:border CSS IE margin opera
○ 状態 :キャンセル
└ 回答数 : 1/1件

▽最新の回答へ

1 ● nekoyama375

http://www.fromdfj.net/html/list.html

fromdfj.net

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


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

◎質問者からの返答

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ