特定の記事だけ、左右のサイドバーが下に落ちちゃっている場合は | パソコンが好きになるブログ〜表技・裏技・便利技伝授!

パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…

こんにちは、パソコンワンポイントレッスン!

PCインストラクターの川上です。



このようなSOSご質問をいただきました・・・




(略)
私のブログが、どういうわけか崩れてしまいまして…
左右のサイドバーが、記事の下の方に表示されるようになってしまい、どうにも直すことができず、困っております。
他のデザインに変えてみればよいか?と試みるも、同じです。
記事を個々表示すると、正常に表示されるのですが…

周囲に尋ねまくったのですが、皆から、わからないと言われ
本当に厚かましくも、川上先生を思いついたため、お聞きしてみることにいたしました。
(略)




私を思いついた・・・、って、ありがたいことです!!


しかも、東京の青山の方が北海道の私を・・・、ですよ~(笑)

改めて、ありがとうございます!



・・・と、ご質問の内容に戻りますね^^;

これは、左右のサイドバーが下に落ちちゃった、というケースです。


サイドバーのカラム落ちのほとんどは

</div>が多いか、足りないか

が原因だと思います。
(もちろん、他の原因もありますから絶対ではありませんが・・・)


そこで、まず、

私の過去記事『私のプロフィールなど右側カラムが消えてしまいましたー!』

をご参照していただくよう、お知らせしました。


また、この方のブログを拝見してみると、

サイドバーが表示されないのは、全部の記事ではなくて、特定の記事だけでした。


この場合は、

その特定の記事内の<div>と</div>の組み合わせがおかしいケースがほとんどです。


ですので、続けて



多分ですが、一番下のバラの画像のあたりがあやしいと思います。
ぜひ、HTMLタグ表示でご確認してみてくださいませ。
きっと、ひとつ</div>が多いと思います。
違っていれば、また別の箇所を検討しますので^^!
取り急ぎで失礼しました。


(ちなみに、このピンクの区切り線は
<hr width="90%" style="border: 1px dashed #ff1493;">
ですので^^;→こちらで書いています
『区切り線を入れるには』
そして、中の文章は
<div style="padding-left:24px;">中の文章</div>
で先頭をちょいと右にずらしています。→それはこちらの記事
『ブログできれいに頭揃えをしたいのですが・・・どうしてもガタガタになってしまいます』


とお答えしたのでした。


そうしたら、その結果を記事でご紹介してくださっているではありませんか@@!


このような記事書かれたら、ご紹介しないわけにはいきませ~ん(笑)


だって、記事タイトルにもバッチシ名前入れてくれているし~~~(涙)

しかも、私の方から、「ぜひ、記事で書いてください!」と強制(ばしっと)したり、お願い(すりすり)したりしたわけではないのに・・・


ありがたいことです^^!


その照れてしまうような記事タイトルの記事はこちらになりま~す!



以上、あるあるアメブロトラブルでした。


LIDS澄川・ライフデザインスクール
川上 雄大