携帯メールからエントリーするための手順メモ。 そんなに使う機会はなさそうですけど…

（追記） モブログテスト。 やっと、モブログできるようにしました。ボダフォンの…

　ってわけで！携帯からもブログへ投稿できるようにしてみましたー。やったーv。当サイトの5周年記念に新…

ところでyutakaさんは名古屋にお住まいだったんですね。
(゜д゜)＜あら！奇遇。
名古屋面白かったです。
独自の文化が根付いてますよね。
関東でも関西でもないところが気に入りました。

名古屋にいらっしゃったんですね～、私名古屋に住んでます。
いらっしゃった日だけですよ雪が降ったのは、でも今日は寒いです

携帯からの投稿で回り込まないのは、おそらく携帯から投稿される場合に画像に付加されるdiv class（moblog mail gatewayのデフォルトだとdiv class=”photo”でしょうか？）に回り込みの設定（float：～の付加）がされていないからだと思います。

ちなみに私は画像のクラスを.imageで設定しているのですが、
template：%(imagecontent)s＼n%(caption)s
image template：＜img src=＼”%(imageurl)s＼” class=＼”image＼”／＞
と変更しています。
この設定にすると、パソコンから普通に投稿した場合と同じように写真も文章もupできます。
余計なdiv設定がつかないので、見た目もすっきりしていいです。

で、「clear: left; 」を加える理由ですが。
これは写真の高さに対して文章量が少ないと、本文だけではなくて、その後に続いて投稿者名やコメント・トラックバックの表記部分も一緒に回り込んでしまうので、ページデザインがぐずぐずになってしまうんですね。
これを防止するための処置です。

例えば
http://open-arms.sakura.ne.jp/blog/archives/2004/12/post_79.php
この記事の場合、写真の高さより文章の幅の方がせまいので、これを加えていないと文章の後に破線・カテゴリ－マーク・編集マーク、さらにその後のコメント欄も回り込んできて、おかしな表示になってしまいます。
文章が多ければそんな事にはならないのですが、いつも長い文章を書ける訳ではないので（苦笑）、加えておくと無難ではないかと思います。

違いをおわかりいただけましたでしょうか？
説明がつたなくて申し訳ありません。

cssの変更箇所は、ただ単に自分のサイトの画像に関してはclass:imageで設定されているので、モブログ用に.photoの設定を書き加えてあげただけです。
（向こうの当初の設定では写真のクラスが.photoで設定されているため）

でもよく考えたら、元のモブログでの設定をphoto→imageに変えてあげれば全部設定が統一される事に気がついて、今はそのように設定しています。

「clear: left; 」の追加場所は、これは説明がよくなかったですね。
申し訳ありません。
うちの場合「.poted」は「投稿者」「コメント」「トラックバック」が表記されている部分のクラスの事です。
ここのクラスのcssに「clear: left; 」を加えておかないと、本文が短い場合にこの部分まで写真の横に回り込んできてしまいました。
是非加えておく事をおすすめします。

また分からない事がありましたら、どうぞ遠慮なく質問してくださいませ。