ウェブ検索

ブログのQ&A

ブログのデザインについて

ブログのサイドバーが落ちる/ずれる。

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

(1)プラグインの横幅が大きい
(2)本文に横幅の大きな画像を並べている


(1)の解決法
サイドバーを広くするか、該当のプラグインを非表示にして下さい。

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


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

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

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

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

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

ブログのQ&A一覧に戻る

Q&Aメニュー

使い方メニュー

livedoorナレッジで探す

関連リンク

お問い合わせ

ヘルプを読んでも疑問が解決しない方はこちらをお読みください。

ご意見・ご要望

コンテンツやサービスにご意見・ご感想がございましたらこちらからどうぞ。