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

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

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

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

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

このブログをRSSリーダーで簡単購読

タイトル:

URL:

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

ケータイ会議4参加中

最近の注目記事

プロフィール

F.Ko-Ji (Koji Fukunaga)

ウェブエンジニアだけど技術の深いとこにはあまり興味がなくて、さくっとアイデアを形にするのが好きです。ブログには自分のアンテナにひっかかったものを色々書いてます。

詳しいプロフィールはこちら
Twitter

梅酒.in

えもにゅ

↑ 気持ち記録サービス「えもにゅ」です

このブログの読者になる

運営しているサイト

そのほかのサービスやツールはfkoji.comへ

月別アーカイブ

人気エントリー

TopHatenar

グリムス

毎日の歩行記録

携帯からのアクセスは

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