ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：noname#64096 IE6で画像の下に余白が入ってしまいます。
困り度：
  • すぐに回答を！
 CSSを使ってレイアウトをしているのですが、
<ul>
<li>画像</li>
<li>画像</li>
<li>画像</li>
</ul>
でなぜか画像ごとに、下の部分に少しだけ余白ができてしまいます。
CSSでmarginやpaddingを0にしたり、
​http://www.happy-crossing.com/tagmemo/log/eid11.html​
にあるようにvertical-align:bottomにしたり・・・

それでもなぜか下の余白が表示されています。
こちらの方は治ったみたいなのですが・・・
他のブラウザはいろいろ見ましたが、余白などなく表示されていました。
Dreamweaver上でも少し余白が見えています・・・
お心当たりのある方がいらっしゃいましたら、どうかよろしくお願致します。
CSSは以下のように記述しています。

ul {
float: left;
margin: 0px;
padding: 0px;
list-style: none;
margin-top: 45px;
}
li {
width: 150px;
background-repeat: no-repeat;
padding-left: 13px;
padding-bottom: 0px;
height: 140px;
float: left;
vertical-align: bottom;
margin-bottom: 0px;

}
質問投稿日時：08/04/03 00:24
質問番号：3917490
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答

良回答20pt
回答者：leap_day こんにちは

vertical-alignは<img>につけます

img { vertical-align:bottom; }
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/04/03 09:40
回答番号：No.2
この回答へのお礼ありがとうございます。
早速試してみたところ、無事解決いたしました。

本当にありがとうございました。

回答

 
回答者：taloo 推測ですが、画像の下の空白ではなく、画像の上の空白、
つまりmargin-top、padding-topじゃないんですか？
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：08/04/03 07:04
回答番号：No.1
この回答へのお礼ありがとうございます。

そのあたりは一通り、見直しました・・
また、よろしくお願致します。
 
最新から表示｜回答順に表示｜良回答のみ表示
このページのトップへ