ブログの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>タグの閉じ忘れ
本文やサイドバーに
(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 ガイドなどでも紹介していますので、あわせてご確認ください。
・<table>タグの幅の設定
本文に<table>タグを入れる場合、幅の設定widthの値を記事部分の幅よりも小さくしてください。
以上、代表的な例を紹介しましたが、上記以外にも、さまざななケースがあります。livedoor Blog ガイドなどでも紹介していますので、あわせてご確認ください。
Q&Aメニュー
- ブログ全般について(29)
- ブログの投稿について(14)
- ブログの設定について(11)
- 有料プランの機能について(16)
- livedoor IDの登録・削除について(4)
- プラグインについて(10)
- ブログのデザインについて(6)
- 携帯電話での利用について(4)
- livedoor Blog PROについて(9)
- ハイクブログ(5)
- チェリーブログ(4)
使い方メニュー
- 不具合や障害(8)
- livedoor Blogの有料プラン(4)
- その他(4)
- ブログの投稿「共通テーマ」(3)
- ブログの投稿「wii編」(3)
- ブログの移行について(3)
- ブログの投稿「プレイステーション3編」(2)
関連リンク
お問い合わせ
ヘルプを読んでも疑問が解決しない方はこちらをお読みください。
ご意見・ご要望
コンテンツやサービスにご意見・ご感想がございましたらこちらからどうぞ。
