アメブロ右カラム落ちの対処法

ブログやサイトを弄っていると、時々ブラウザでの表示が大きく崩れる事があります。よく起きるのが「カラム落ち」という現象。


アメブロなどでは３カラムにしている方が多いと思いますが、右側のサイドバーだけが下の方にずれて表示されてしまう「右カラム落ち」なんていうのはよく聞きます。


実はこのブログもなってしまい慌てて修正しました。
スクリーンショットを貼ろうと思ったのですが、あまりにも縦に長くなりすぎたので掲載を断念。

自分ではなかなか気づかないのでやっかいですね。


CSSを変更した結果カラム落ちが発生するのであれば話は対処法は簡単です。直前に行った変更を元に戻せば済む話。


一瞬びっくりするのが、CSSをさわっていないのにある日いきなりカラム落ちが発生するとき。


アメブロの場合その原因は結構絞れます。
ほとんどが本文中のタグ閉じ忘れ。


タグの閉じ忘れとは、例えばリンクタグの＜a href＞で囲んでいるのはずなのに、最後に＜/a＞を書き忘れたような場合。


探してみるとAmebaのヘルプにも注意がありました。
＜div＞関係のタグが原因なことが多いようです。


今回自分のブログでカラム落ちが発生した原因も＜div＞タグの閉じ忘れでした。
ほとんど普段文中で＜div＞タグを使う事はありませんが、たまに携帯から投稿したりすると、知らない間に挿入されていたりします。


そのまま何もしなければ問題なかったのですが、後で少し修正した時にどうも閉じるのを忘れていたようです。


ブログぐらいだとそうでもありませんが、公式なサイトでカラム落ちしているところを見てしまうとどうしても信用度が下がってしまうので、気を付けなければなりません。

・アメブロカスタマイズ目次