スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

IEで画像の上下に隙間ができる。

IEで、画像を表示(imgタグ使用)したときに、
原因不明の隙間ができる。

これは、有名なIEのバグ?である。
回避策としては、CSSにvertical-align:bottomを
記述するとよいとあるが、それでも回避できないことがある。

そのようなときは、以下の方法で回避できる。

CSS上
.ie_yokaku_can {
margin: 0px;
border: 0px;
padding: 0px;
font-size: 0px;
}

html上
<p class="ie_yokaku_can"><img src="../images/gra_kyoko_kado_top.png" width="317" height="15"></p>

余白をなくしたいimgタグをpタグで囲むようにする。
ただし、この方法はpタグの間に文字があるときは、使用できないので注意すること。

そのほか、画像をcssで、background-imageとして定義する方法もある。
ただ、この方法は、html上に無駄な<div>を書くことになるので、私的には
あまりおすすめできないと思っています。
スポンサーサイト

トラックバック


この記事にトラックバックする(FC2ブログユーザー)

ブログ作成でつまづいた問題と、その解決経緯[その1]

初ブログ作成だけあって、今日に至るまで多くの技術的問題にぶち当たりました。 本記事は、どんな問題に直面したのか、どういう経緯でその問題を解決できたのかを忘れないよう記録するものです。 これからブログを作成しよう!という方、特に自分と同じMovableTypeを使用

コメントの投稿

非公開コメント

プロフィール

e.swan

Author:e.swan
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。