ブログの本文に画像を配置してテキストを回り込ませる。<img>タグ内に<...align="left">と記入すれば回り込んでくれます。だいたい自動で上記の記述が書き込まれるんじゃないでしょうか。
ところが画像1枚なら上手くいくのに、2枚、3枚となってくるとMacのエクスプローラーVer.5.2.3では2枚目以降の画像はちゃんと左に寄ってくれません。safariでも追記に配置したものはなんとか希望通り表示していたようですが、body内に配置するとどうもおかしい。
色々調べて行くうちに、どうやらテキストの回り込みを解除してやれば上手くいくことが判明。<br clear="all"/>をテキストの回り込みを解除する段落の</p>の前に挿入してやればオーケーのようです。僕の別ブログのこのエントリーはその方法でやっています。
でもでも、ectoで<br clear="all"/>をHTMLモードで手打ちで打ち込んでもリッチテキストモードに戻すと<br clear="all"/>が消えてしまいます。（ectoをお使いでない方のために、また機会があればご説明のエントリーを上げるつもりです。）そこでよそ様のブログのソースをチェックして見ると、<style="float:left;">と言うのを書き込まれているのを発見。試しにそいつでこのエントリーを投稿してみます。
追記：確認したらこの方法でオーケーです。確認ブラウザーはSafari2.0.1、Firefox1.0.7、IE for Mac5.2.3。しかしWindows環境ならどうなんでしょ？
コメントする