livedoor ナレッジ

ブログの表示が崩れてしまいます・・・。

大き目の写真（400ピクセル程度）でアップしたらブログの最初のページがきちんとでません。
Macでは問題ないらしいのですが・・・。

ど素人なので、わかりやすく説明していただけるとありがたいのですが・・・。

写真の大きさが、ブログの記事欄より大きかったからだと思います。
画像をアップロードする時に、サムネイルを作って、それをブログに貼りつければきちんと表示されると思います。
記事エントリーにも、サイドバーにも、始めから幅が指定されているので、その幅より大きい画像を貼り付けてしまうと、表示が崩れてしまうのです。
それで、ブログの幅より画像の大きさを小さくする必要があるのです。
画像をアップロードする時にサムネイルを作ることは、大抵のブログで出来るはずですが、出来ない時は、画像の大きさを変更できるソフトを使うとか、ブログのテンプレートのカスタマイズをする事で対処できると思います。

写真を取り除くか、サイズを縮小します。

400ピクセル程度の画像だと、テンプレートデザインによっては、横幅が窮屈になってしまい、横へ間延びしていきます。間延びすると、メニューなどが載っているサイドバーが下に移動したり、最悪、表示されなくなります。

投稿した記事の編集画面で、画像を見つけて修正します。横幅はwidthという指定で、横幅を短くすれば良いです。しかし、横幅を短くすると、縦に間延びした画像になってしまうので、縦幅も修正してしまいます。以下に、半分の大きさへ変更する例を示します。

修正前の例)
<img src="url" width="400" height="300" />

修正前の例)
<img src="url" width="200" height="150" />

なお、取り除くと当然、表示の崩れはなくなります。最後の手段としてお使い下さい。

記事部分より写真が大きいなら、記事部分をカスタマイズして大きくするかデザイン変更が必要になります。
写真を記事サイズに合わせて加工するのが一番簡単ではありますが。