F.Ko-Jiの「一秒後は未来」ではウェブやSEO、API、RSSといった技術的ネタから、ちょっとした豆知識や梅酒、エンタメ系まで様々な情報を不定期にお届けしています。

F.Ko-Jiの「一秒後は未来」 > 豆知識 > CSSでvertical-alignを指定しているとIE6では画像の横に1行しか回り込まない

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

2007/02/23 08:15:49

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; } を指定するとこのような弊害があるので気をつけたほうがよさそうです。

[2010-01-12] RSS フィードの URL が変わりました。お手数ですが RSS リーダーへの再登録をお願いします。

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

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

タイトル:

URL:

リンク用HTMLタグ:
<a href="http://blog.fkoji.com/2007/02230815.html">CSSでvertical-alignを指定しているとIE6では画像の横に1行しか回り込まない - F.Ko-Jiの「一秒後は未来」</a>

Agile Media Network

F.Ko-Jiの「一秒後は未来」