livedoorblogでMacとWinの見え方が違います

自分のlivedoorblogがMacとWinでは見え方が違います。
私は自分のPCがMacなので、ブログもMacで作成しています。自分の画面上では綺麗にレイアウトされているのですが、Winマシーンから見ると、本文以外の部分が崩れて見えてしまいます。

原因は何なんでしょうか？？

ちなみに、MacOS.X.4でSafariを使って作成しています。

見え方の違いは、フォント以外では、OSの違いというより、ブラウザの違いが関係しています。

質問者のブログをWindowsで見ても、Firefox等のブラウザで見れば、レイアウトが崩れていないと思います。

つまり、Windows IEだけが他のブラウザと違う表示の仕方をします。

投稿記事の中に、画像を使っていたら、次のことを確認してください。

　記事の欄の幅よりも大きな画像を使っている。
　画像を（合計すると記事の欄の幅を超えるほど）並べて使っている。
　文章の後に改行を挟まず、画像を続けている。

上記に該当された時は、Windows IEで見ると、レイアウトが崩れます。

livedoor Blogで画像をアップロードして、挿入した場合、「align="left"」という画像を左に寄せて、続くものを右に回り込ませる指定のタグが付きます。
Windows IE以外のブラウザでは、この指定で画像を並べても、ブログの記事欄の幅に合わせて、後の画像が自動的に下に移動します。
しかし、Windows IEでは、そのまま横に並び、記事欄の幅を押し広げます。
結果として、横にサイドバーの入る幅がなくなり、サイドバーが下に落ちてしまいます。

改行を適切に入れるなどして、画像、及び画像と文章が、必要以上に横に並ぶの防いでください。
文字の後に画像が来る時は、必ず、改行を挟んでください。
画像を並べる時は、上記の「align="left"」を削除すれば、Windows IEでも、記事の幅に合わせて自動的に下に移動します。
画像の後の改行のところを<br clear="all">に変えると、確実に、並ぶことを防げます。

また、何かでwidth指定をしている場合は、投稿記事の表示部分の幅より大きくなっていないか確認してください。

デザインによっては、サイドバーの幅が狭いものがあります。
プロフィールの画像や幅の広いプラグインが、サイドバーの幅を超えてしまう場合があります。
その場合、Windows IE以外のブラウザでは、サイドバーからはみ出した状態にはなりますが、全体のレイアウトは崩れません。
Windows IEの場合は、画像の時と同じようにサイドバーそのものを押し広げてしまいますので、横に入らなくなり、サイドバーが下に落ちます。
「Crown Pink」のようなデザインを使っている場合は、要注意です。

個人的には、旧世紀に設計されたIE6は
既に画面デザインにおける基準にならない
と思っています。

Safari特有の部分もあったような気もしますから
CSS規格に忠実とされるFirefoxやOPERAでの確認を
やってもらえるとうれしい気がします。

IE7はIE6特有の挙動がどう残っているのか知りませんが
少なくともFirefoxで確認した表示は
IE7でもほぼ再現されるはずだと思っています。
(MSを信じているという意味で)

注:IEやSafariが動くようなPCはうちで動いていません(笑)


フォント指定も難しいところがあって、CSSで類似した文字を
まとめて定義しておいて利用したりするのがお薦め。
ただ、携帯電話などでもWebを見る時代だから
どこまでフォントにこだわっていいのか微妙。