livedoor ナレッジ

デザインのサイドバーが下に・・

２カラムのデザインに写真を入れて編集していたらある日突然サイドバーのカテゴリーやＰＩＣＳがすごい下に行ってしまい、
何をしても戻りませんなぜでしょうか？
また戻すにはどうしたらいいのでしょう
（写真が多いのでしょうか？）

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

　記事の欄の幅よりも大きな画像を使っている。
　画像を並べて使っている。
　文章の後に改行を挟まず、画像を続けている。

上記に該当された時は、特に、Windows IEをお使いの場合、レイアウトが崩れます。

改行を適切に入れるなどして、画像、及び画像と文章が、必要以上に横に並ぶの防いでください。

※　確実な方法は、次に挙げるように、直接HTMLタグを変更することです。

livedoor Blogでは、記事に入れた画像に自動的に、画像を左に寄せ文字（画像でも）をその右側に回り込ませるHTMLタグが付きます。

このため、画像を続けた場合、横にずっと続いていって、枠からはみ出してしまいます。

挿入した後に、回り込ませないようにするには、2つ方法があります。

どちらも、HTMLタグをいじる必要がありますので、投稿ページや、編集ページの、
入力欄の下の「HTMLを確認する」にチェックを入れて、HTMLを表示させるか、
「ブログの設定」ページで「シンプルエディタ」を選んで作業します。

●　まず、HTMLタグから、文字を右に回り込ませる部分を削除する方法です。

画像のHTMLタグ

<img src="http://　～　 />

の中から

align="left"

を削除してください。
そうすれば、画像が普通の1文字のような配置の仕方になります。
画像を続けた場合、記事の表示欄の幅が十分なら、先程の画像の横に来ます。
狭ければ、下に来ます。
改行を一回するだけで、次の画像が下に並びます。

●　もう一つは、後から、回り込みの機能を解除する方法です。

これは、始め、文字を回り込みさせ、途中から画像の下に行かせたいという場合にも使えます。
画像のHTMLタグの後（>の後）、あるいは、文章の区切りの後に、

<br clear="all">

と入れてください。
これは、回り込みの機能を解除し、改行するものです。
この後に続けた、文字や画像は、前の画像の下に行きます。

ちょっと面倒かも知れませんが、こんなところで対処できます。

kazubaさん。ご質問ありがとうございます。

・写真が大きい。
・横に並んでいるために、横幅が広がりすぎている。

などの原因が考えられます。

とりあえず下記をご参考にされて下さい。

http://wiki.livedoor.jp/everydaydesign/d/%A5%B5%A5...


画像のアップロードに関してはこちらをご参考にされてみて下さい。
http://blog.livedoor.jp/blog_matome/archives/50013...


以下、関連の過去の質問です。

ブログ内で複数の画像を左右に振り分けて表示することはできますか？
http://knowledge.livedoor.com/3303

写真を左、文字を右にするにはalign="left" ですが写真の部分が終了すると文字が左の端からまた始まってしまいます。写真の端の部分から進めるにはどうしたらいいですか
http://knowledge.livedoor.com/4466


参考にされてみて下さい。

問題が解決しない場合は、この質問にコメントして頂きますと詳しい方からより良い回答が寄せられると思います。