- ベストアンサー
HTMLタグの表示がブラウザ間で変わってしまう
インターネットエクスプローラ(ＩＥ）のバージョンの違いによって、表示が変わってしまい困っています。解決方法を教えてほしいのですがお願い致します。、 写真の左側に文章を回り込ませたいので<img src="../myPhoto.jpg" align="right" />としました。ＩＥ8ではそのように表示されますが、ＩＥ6，ＩＥ7では文字が回り込まず写真の上に重なってしまいます。どのようにすれば良いのでしょうか。お分かりの方、よろしくお願い致します。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
align="right"などの非奨励属性を使っているのに、 意図した配置を要望する考え方は間違っています。 また、 align="right"やfloat:right;だけで、画像と文章が重なり合う事はありません。 その他のCSSプロパティで、画像（img）にpositionやネガティブmarginなどが設定されてると思いますので、その部分のCSSを適応除外か削除して下さい。 本来は、 CSSで、positionを削除してfloat:right;とするのがスマートです。 その前に、本来はセレクタの対応を理解しなければ適応できませんが、 <img src="../myPhoto.jpg" width="100" height="100" style="float:right; position:static;" /> とすると、上手く行くかもしれませんが、ソースを検証しないと予測しかできません。（その他の情報不足です・・・）
その他の回答 (1)
〈table〉 〈tr〉 〈td〉写真説明文〈/td〉〈td〉〈img src=…〉〈/td〉 〈/tr〉 〈/table〉 のように表を使ったら？ 線なしなので表には見えないですし。 Cssの知識があるなら、floatで回り込みの左右を指定するとか。
お礼
ご回答いただき本当にありがとうございました。 いろんな方法があるものだと、感心致しました。 ｃｓｓの知識が多少ございますので、今回はｆｌｏａｔを使う事にしました。 お世話になりました。 厚かましいようですが、また何かありましたら宜しく願いたします。
お礼
ご回答本当にありがとうございました。文字の回り込みにｆｌｏａｔを使うとはしりませんでした。 #advice img{ float:right} </head> <body> <div id="advice"><img srｃ="../myPhoto.jpg"/> <div id="honbun">本文</div> </div> これでうまく行きました。ｐｏｓｉｔｉｏｎは取ってみたけど大丈夫でした。 どうも有り難うございました。また何かありましたら宜しく願いたします。