グーグルクロームだとHPの文字が画像にのってしまう

質問

自分のＨＰで画像に文字を回り込みさせると、GoogleChomeで見た場合、文字が画像上にのって表示されることがあります。

同じページでも、ＩＥやファイヤーフォックスだと問題なく表示されます。
ページを再読み込みすると元に戻る場合もあります。

↓ ↓

<img src="画像のアドレス" align="left">文字

この文字の回り込みの方法はすごく一般的だと思うのですが、どうしてクロームで見ると、文字が画像に載ってしまう場合があるのでしょうか？

対処法がわからず困っています。
どなたかご存知の方、教えてください！

回答No.1

vaidurya · ベストアンサー

正しいHTML記述では、画像ファイルの受信にかかる時間を想定し
あらかじめ表示すべき"画像の大きさ"を指定するようになっています。

この表示サイズ記述をしても症状が改善しないとしたら
別の問題があるのかもしれません。

サイズ指定はwidthとheightで記述され、またピクセル数や
画面(あるいはdivなどの枠組み)に対してのパーセントで指定できます。

高速回線が一般化した現在では、1024x768の画像をアップしつつ
本文では320x240サイズで表示するような使い方も行なわれています。
(必要に応じて本来の解像度で詳しい情報を得られます)

かつては、こういった目的には、別途サムネイル画像を用意し
本来の画像へのリンクを張るのが定番でした。

パーセント記述は、閲覧者の画面サイズに対応したサイズ変更が可能で
デスクトップPCからネットブックまで、比較的良好な表示が得られます。
ただし、パーセント表示でwidth,height両方の指定を行なうと
ウィンドウサイズによって、画像の縦横比が変わります。

ですから、一方だけを表示することになりますが…
その場合は、今回のような回りこみ表示でのトラブルは改善できないかもしれません。

お礼

表示サイズ記述をしたら解決できました！
助かりました。
どうもありがとうございましたｗ