オープンソースCMSGeeklogのテーマ無料配布と制作支援のサポートサイトです。

記事カテゴリ

記事アーカイブ

記事リスト
カテゴリ一覧
年度別記事

イベント

月間アーカイブ

PHPブロックにエラーがあります。phpblock_archivesが存在しません。

2010年3月19日(金) 17:28 JST

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

2009年3月21日(土) 23:03 JST

投稿者: augebang

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

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

img {
vertical-align: bottom;
}

を削除する。

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

記事のオプション

印刷用ページ

トラックバック

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

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

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

記事の画像にalignタグを有効にする方法 | 0 件のコメント | アカウント登録

コメントは投稿者の責任においてなされるものであり、サイト管理者は責任を負いません。