• 2009年3月21日(土) 23:03 JST
  • 投稿者:
    augebang
  • 閲覧数
    2,088

記事の画像にalignタグを有効にする方法

ＩＥブラウザで記事内の画像にalignを指定しても一行だけ、
画像の横に来るが、2行目からは画像の下に表示されるのを
回避する方法。

回避方法
ProCSS/css/common.css
該当部分

img {
vertical-align: bottom;
}


を削除する。

これはＩＥ独自の仕様で元のIMGプロパティーに「vertical-align: ～」を
指定するとその後の指定が無視されてしまいます。
他のブラウザでは問題なく表示されます。

関連情報

トラックバック

このエントリのトラックバックURL:
http://gltmatrix.com/trackback.php/iealign

'記事の画像にalignタグを有効にする方法'について他のサイトでは次のように言及されています:

初期設定のブログテンプレートのまま記事を書いていると文字と画像の並び方や高さ等の気になる部分が幾つも出てきます。 画像をフロートで回り込み指定したときの画像とテキストの上辺が揃わなかったり、YouTube等のFLASHを埋め込むときに下部に余白が付いたりと、ほんの数ピクセル以内のことですが、キッチリデザインしたい人にとっては、気になるところです。 これらのズレはCSSでmargin:0;padding:0;を使いリセットするだけでは解消できません。 このブログにも使っているCSSを紹介... 続きを読む

サイト管理者はコメントに関する責任を負いません。