livedoor ナレッジ

ブログのサイドバーがズレてしまう。

livedoorブログを使っています。
ブログのサイドバーが落ちたり、ズレたりします。

どなたかおわかりになる方教えていただけますえでしょうか？

サイドバーが落ちる／ずれる理由のほとんどが、下記のいずれかになっています。

（１）Blogtimesの横幅が大きい
（２）本文に横幅の大きな画像を並べている


（１）の解決法
Blogtimesの横幅は、管理画面の [プラグインの設定] → [Blogtimesの設定] で [横幅] と [padding(pixel)] は調節できます。これをサイドバーの横幅より小さく設定してみてください。これはプロフィールプラグインの場合も同様ですので試してみてください。

（２）の解決法
本文部分の画像については、アップロードするときに [サムネイルを作成する] にチェックを入れるか、お使いの画像処理ソフトなどで縮小してから、アップロードしてみてください。


※（１）・（２）で解決しない場合
大きい画像を表示していないのにサイドバーがずれてしまうのは、HTMLタグ部分が原因の場合があります。今までにあった例をいくつか紹介します。

・<img>のalign指定ミス
投稿するときの「本文」欄に、画像を挿入すると
テキストテキスト<img align="left">という記述になります。このテキストの後に改行せずに画像を表示するタグが入るとサイドバーが落ちる場合があります。
テキストテキスト<br> <img align="left"><br> のように一度改行を入れるか、
テキストテキスト<br><img align="left">というように改行タグ<br>を入れてください。

・<div>タグの閉じ忘れ
本文に
タグを入れる場合、必ず最後に</div>と忘れずに閉じてください。

・<table>タグの幅の設定
本文に<table>タグを入れる場合、幅の設定widthの値を記事部分の幅よりも小さくしてください。

以上、代表的な例を紹介しましたが、上記以外にも、さまざななケースがあります。livedoor Blog ガイドなどでも紹介していますので、合わせてご確認ください。