ie firefox chrome対応、携帯対応のコーディング

現在、ウェブサイトを構築しておりまして、下図のように画像の右にテキストが配置されたコンテンツの塊が、複数個あります。
(スマホからの投稿ですので、分かりにくい図でご容赦下さいませ)

(問題1)
この配置でie、Firefox、Chromeに対応するコーディングが出来なくて困っています。
DIVやTABLEタグで色々試しましたが、うまくいきません。
特にieでの表示で、他ブラウザーと比べてフォントのサイズが違うなどの影響で改行位置が大きく異なり、各ブロック(塊)間のスペースが大きく異なってしまったり。

(問題2)
携帯対応も必須な為、ブラウザーの幅を狭めた時、テキストが各画像の下に潜り込んで表示されるようにしたいのです。

どうぞお知恵をお貸しいただけませんでしょうか。
よろしくお願い申し上げます。

No.1 ベストアンサー 回答者： chu-favo 回答日時： 2019/05/27 13:52

詳しく見ないとわかりませんが、恐らくはcssの設定次第で変わるのかなぁと思います。

キチンとdivの中に収まっていて、pxではなくemや%指定していれば、はみ出すようなことにはならないかと…。
テキストサイズもブラウザーの横幅毎に変える指定をすれば良いかと思いました。

この回答へのお礼

アドバイスありがとうございました！
何とかさいちゃして、思う形に整いました。

お礼日時：2019/05/27 16:34