PCインストラクターの川上です。
このようなSOSご質問をいただきました・・・
(略)私のブログが、どういうわけか崩れてしまいまして…左右のサイドバーが、記事の下の方に表示されるようになってしまい、どうにも直すことができず、困っております。他のデザインに変えてみればよいか?と試みるも、同じです。記事を個々表示すると、正常に表示されるのですが…周囲に尋ねまくったのですが、皆から、わからないと言われ本当に厚かましくも、川上先生を思いついたため、お聞きしてみることにいたしました。(略)
私を思いついた・・・、って、ありがたいことです!!
しかも、東京の青山の方が北海道の私を・・・、ですよ~(笑)
改めて、ありがとうございます!
・・・と、ご質問の内容に戻りますね^^;
これは、左右のサイドバーが下に落ちちゃった、というケースです。
サイドバーのカラム落ちのほとんどは
</div>が多いか、足りないか
が原因だと思います。
(もちろん、他の原因もありますから絶対ではありませんが・・・)
そこで、まず、
私の過去記事『私のプロフィールなど右側カラムが消えてしまいましたー!』
をご参照していただくよう、お知らせしました。
また、この方のブログを拝見してみると、
また、この方のブログを拝見してみると、
サイドバーが表示されないのは、全部の記事ではなくて、特定の記事だけでした。
この場合は、
その特定の記事内の<div>と</div>の組み合わせがおかしいケースがほとんどです。
ですので、続けて
(ちなみに、このピンクの区切り線は
<hr width="90%" style="border: 1px dashed #ff1493;">
ですので^^;→こちらで書いています『区切り線を入れるには』
そして、中の文章は
<div style="padding-left:24px;">中の文章</div>
で先頭をちょいと右にずらしています。→それはこちらの記事『ブログできれいに頭揃えをしたいのですが・・・どうしてもガタガタになってしまいます』)
とお答えしたのでした。
そうしたら、その結果を記事でご紹介してくださっているではありませんか@@!
このような記事書かれたら、ご紹介しないわけにはいきませ~ん(笑)
ですので、続けて
多分ですが、一番下のバラの画像のあたりがあやしいと思います。
ぜひ、HTMLタグ表示でご確認してみてくださいませ。
きっと、ひとつ</div>が多いと思います。
違っていれば、また別の箇所を検討しますので^^!
取り急ぎで失礼しました。
ぜひ、HTMLタグ表示でご確認してみてくださいませ。
きっと、ひとつ</div>が多いと思います。
違っていれば、また別の箇所を検討しますので^^!
取り急ぎで失礼しました。
(ちなみに、このピンクの区切り線は
<hr width="90%" style="border: 1px dashed #ff1493;">
ですので^^;→こちらで書いています『区切り線を入れるには』
そして、中の文章は
<div style="padding-left:24px;">中の文章</div>
で先頭をちょいと右にずらしています。→それはこちらの記事『ブログできれいに頭揃えをしたいのですが・・・どうしてもガタガタになってしまいます』)
とお答えしたのでした。
そうしたら、その結果を記事でご紹介してくださっているではありませんか@@!
このような記事書かれたら、ご紹介しないわけにはいきませ~ん(笑)
だって、記事タイトルにもバッチシ名前入れてくれているし~~~(涙)
しかも、私の方から、「ぜひ、記事で書いてください!」と強制(ばしっと)したり、お願い(すりすり)したりしたわけではないのに・・・
ありがたいことです^^!
その照れてしまうような記事タイトルの記事はこちらになりま~す!
以上、あるあるアメブロトラブルでした。
LIDS澄川・ライフデザインスクール
川上 雄大