みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

フォントサイズでレイアウトがずれる?

cssでページレイアウトをしているのですが、

外部cssでサイト全体のフォントサイズを13pxにした場合

body {
font-size: 13px;
}

同じ画像なのに(四角のボタン)下部分の1pxの底辺が表示されるものとされないものが出てきました。

HTMLの記述内容は以下の通りです。
<div class="menu">
<p><img src="/img/**1.png" alt="" width="180" height="33"></p>
<p><img src="/img/**2.png" alt="" width="180" height="33"></p>
<p><img src="/img/**3.png" alt="" width="180" height="33"></p>
<p><img src="/img/**4.png" alt="" width="180" height="33"></p>
</div>

<p>にmargin、paddingなどは設定していません。

この場合、画像、css共に同じ条件であるはずなのに、3番目の画像だけ上記のような不具合がおこりました。

フォントサイズを14pxにした場合、問題なく表示されます。

firefoxで確認したところは13px,14px共に、きちんと表示されていました。

ちなみにブラウザはIE6です。
ブラウザのバグか何かでしょうか??

申し訳ありませんが、どなたかご教授お願い致します。

投稿日時 - 2007-07-26 19:47:11

QNo.3202002

困ってます

質問者が選んだベストアンサー

よくはわかりませんが、例えばpタグに対して、
.menu p{
overflow:hidden;
}
などと指定してあげるのはどうでしょう。
もしくは、
.menu p img{
display:block;
}
とか・・・

投稿日時 - 2007-07-27 15:33:26

お礼

色々調べて分かりました!!
ありがとうございました!!

投稿日時 - 2007-07-28 13:25:58

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問