ネットサービスの開発に役立ちそうな話題を中心にお届けします。
F.Ko-Jiの「一秒後は未来」 > 豆知識 > CSSでvertical-alignを指定しているとIE6では画像の横に1行しか回り込まない
2007年02月23日 08:15
1811日前に投稿

CSSでvertical-alignを指定しているとIE6では画像の横に1行しか回り込まない

  • ... PV
  • このエントリーをはてなブックマークに追加

スポンサード リンク

imgタグにalign="left"やalign="right"を指定すれば、画像の横に文字が回り込みます。

no-vertical-align

しかし、もしCSSで img { vertical-align:middle; } のように vertical-align を指定してしまっていると、IE6ではimgタグにalign="left"を指定しても画像の横には1行しか回り込まないようです。

vertical-align

Firefoxの場合は、スタイルシートでvertical-alignを指定していても、imgタグにalign="left"を記述すれば画像の横には文字が複数行回り込みます。

ちなみに、imgタグのalign属性にtopやbottomやmiddleを指定すると、画像の横には1行しか回り込まないのだそうです。

ということで、CSSですべてのimgタグに対して img { vertical-align:middle; } を指定するとこのような弊害があるので気をつけたほうがよさそうです。

関連エントリー

generated by 関連エントリーリストジェネレータ


スポンサード リンク

Written by
関連エントリーはこちら
お探しの情報が見つからない場合はサイト内検索もお試しください。
Meity.jp - Twitterなかまでプライベートなオフ会を開催したいなら


トラックバック

このエントリーのトラックバックURL:

この一覧は、次のエントリーを参照しています: CSSでvertical-alignを指定しているとIE6では画像の横に1行しか回り込まない:

» 平成十九年八月 from TK-BLOG
平成十九年八月三十一日 投稿時刻: 2007-08-31T02:05:49+0... [詳しくはこちら]

トラックバック時刻: 2008年08月04日 22:40

豆知識

English version

2007/02/23 08:15:49 by F.Ko-Ji
コメント (0) トラックバック (1) 豆知識

前のエントリー: « 有名なブログが言及しているブログはまた有名である
次のエントリー: Yahoo!ローカルサーチWEBサービスのリクエストサンプル10選 »

コピペにご利用ください。

タイトル:

URL:

リンク用HTMLタグ: