2007
02
23
CSSでvertical-alignを指定しているとIE6では画像の横に1行しか回り込まない
スポンサード リンク
imgタグにalign="left"やalign="right"を指定すれば、画像の横に文字が回り込みます。
しかし、もしCSSで img { vertical-align:middle; } のように vertical-align を指定してしまっていると、IE6ではimgタグにalign="left"を指定しても画像の横には1行しか回り込まないようです。
Firefoxの場合は、スタイルシートでvertical-alignを指定していても、imgタグにalign="left"を記述すれば画像の横には文字が複数行回り込みます。
ちなみに、imgタグのalign属性にtopやbottomやmiddleを指定すると、画像の横には1行しか回り込まないのだそうです。
ということで、CSSですべてのimgタグに対して img { vertical-align:middle; } を指定するとこのような弊害があるので気をつけたほうがよさそうです。
関連エントリー
- [F] IE7におけるCSSの詳しい変更点 - F.Ko-Jiの「一秒後は未来」
- [F] MTの投稿画面にCSSカスタマイズ可能なプレビュー機能を追加するGreasemonkey...
- [F] CSSで画像を拡大 - F.Ko-Jiの「一秒後は未来」
generated by 関連エントリーリストジェネレータ
指定画像imgタグ横vertical-alignalignCSSmiddle
前のエントリー: « 有名なブログが言及しているブログはまた有名である
次のエントリー: Yahoo!ローカルサーチWEBサービスのリクエストサンプル10選 »
このブログをRSSリーダーで簡単購読
タイトル:
URL:
リンク用HTMLタグ:
powered by Google Chart API
