大きい画像はないのにサイドバーがずれる

大きい画像を表示していないのにサイドバーがずれる、という場合下記を参考にしてみてください。今までにお問い合わせであった例を紹介します。

１）<img>タグのalign指定ミス
投稿の「本文」欄に、
テキスト<img　align="left">
とありました。
テキスト<br><img align="left">
と、<img>タグの前で改行することにより、解決しました。
問い合わせの大半はこれが原因です。

画像を左寄せにし、その右側にテキストを回り込ませる場合は、
<img align="left">テキスト
画像を右寄せにし、その右側にテキストを回り込ませる場合は、
<img align="right">テキスト
として下さい。
テキストの回り込みを終わらせたいときは、<:br clear="all">を入れて下さい。

くれぐれも
テキスト<img align="left">
テキスト<img align="right">
のようにはしないで下さい。


２）<div>タグの閉じ忘れ
投稿の「本文」欄に、
<div align="center"><img>
とありました。
<div align="center"><:img></div>
と、<div>タグを閉じることにより解決しました。
タグの閉じ忘れにはくれぐれもご注意ください。


３）<img>タグのhspace指定ミス
投稿の「本文」欄に、
<img hspace="250">
とありました。
hspaceとは、画像の左右の余白のことです。
左右に250pxずつも余白を取れば、大抵は落ちてしまいます。


いずれもデザイン（スタイルシート）の問題というよりはhtmlの記述ミスによるものです。一度確認してみてください。

Comments

[1. 20040831]

20040831のスタイルシートに変更したら、サイドバーがずれました。
特に知識がないので、カスタムとかしてないのですが、なぜですか？

[2. mmm]

文字だけにしていても、四葉のクローバーのデザインにするとサイドバーがずれます。写真は一枚も載せていないのですが、どうしてでしょうか？教えてください。

[3. みっちー]

shitarabaのスタイルシートを使用するとサイドバーがずれます
shitarabaのスタイルシートが気に入ってるので
巧くずれなくさせる方法教えていただきたいです。

[4. hanaara]

画像を２個入れたのですが、なぜか縦にずれてしまいます。
　また、通常の投稿（ソースをさわらないで）複数画像を投稿することはできないのでしょうか？

[5. Aki]

私もクローバーのものを使っていてサイドバーがずれます。例示されているミスはしていないかと思います。全部チェックしました。また、デフォルトのデザインだとずれません。ご指導ください。宜しくお願い致します。

[6. まりゅ]

初心者なのですが、既存のスタイルシートを
設定して、サイドバーがずれてしまいます。
タグ　などの調整法が書かれていますが、
どこを押したらでてくるのでしょうか？
また、私はまったく画像もいれずに、
文章の投稿だけなのに、ずれてしまいます。
解決法はありますでしょうか？

[7. zico_zico_zico]

　もしかしたら、↓で解決するかもしれません。

http://blog.livedoor.jp/zico_zico_zico/

このページの「１０月２３日」という書き込みをご覧下さい。

[8. amagi_ran]

ワードで文章を作ってから、コピペしてＵＰしているのですが、
時々、サイドバーがずれます。
ずれるときとずれない時があるのですが……どうしてでしょう？

[9. cozy_009]

imgタグの閉じ忘れでサイドバーが落ちたことがあります。

４）<img>タグの閉じ忘れ

があるんじゃないでしょうか。
詳しくは当blogの記事を参照してください。

http://blog.livedoor.jp/cozy_009/archives/cat_451882.html

[10. wakakit0]

ここで書いても、なんかしょうがないような気がするけどあえて。

管理側は、安易なＨＴＭＬの記述ミスとしか書いてないみたいだけど、どうなんだろ？
20040823のスタイルシートを使うと、プロフィールの部分だけ、行頭が左にずれてる。
私は、特に記述を変えたりしていません。

これ、class指定が一行抜けてるの？

担当者殿
あのさー、これだけ困ってます〜みたいなコメントが来てるんだから返事くらいしたら？

[11. s02789dh]

助かりました..
自分は<div>の綴じ忘れでした。

[12. accountingoffice]

floatのタグですべてdivを組んでいるので、画像ではずれたことがありませんが、たまにキャッシュが残っているふるい記事などで表示がおかしくなります。

[13. fashionista]

私も、サイドバーが、トップページの一番下に落ちてしまったまま、
何をどうしても上に上がって来ません！！！
ブログ初心者なので、HTMLもよく知りませんし、
それでも恐る恐る、こちらに書かれてあっりますように
<br>を入れてみたり、貼り付けた画像のサイズを小さくしてみたり、
本文の文章をこまめに改行してみたりしたのですが、ちっとも動きません。
直接私のブログをチェックして頂き、ご指示を仰ぐことはできませんでしょうか？

また、サイドバーのことではなく、本文の投稿についてですが、
改行すると、２行分下にずれてしまい、文章が隔行でしか書けません。
最初の２回くらいは普通に改行できていたのに、突然、２行ずつの改行しかできなくなってしまいました。
何故でしょうか？　どうやったら戻るのでしょうか？

[14. tcrwg219]

文字だけなのに、クローバーだとサイドバーがおちてしまいます。
どうすればいいのでしょうか？

[15. colors_colors]

昨日からサイドバーのずれに悩んでいますが
MacOSXでは問題なくまたWinXPでもちゃんと表示されてます
MacOS9.2ではどうにもだめですね
これってIEのバージョンの差かな？
今日もちょっと悩んでみてます・・・

[16. fashionista]

上に書かせて頂いたfashionistaです。
あの後、結局livedoorの方は返答・対処して下さいませんでしたが、
とりあえず（我流かもしれませんが）解決方法がわかり、
今はサイドバー及び、行間の問題はクリアできました。
上のコメントを読んでその答を求めて、私のブログへ来てくださる方が何人かいらしたので、ここに私なりの解決策を書かせて頂くのが私の責任だと思いました。

サイドバーは、やはり、横幅の大きな画像を載せると下にズレてしまいます。ので、まず、そのサイズ縮小を試してみます。
どんなに小さくしても戻らない場合、【ブログの設定】の欄で、「改行を<br/>タグに変換」ではなく、「変換しない」にチェックを入れる。
その都度、【ブログの再構成】を行うのをお忘れなく。
私はこれで、サイドバーの問題は解決しました。

行間が１行分空いてしまう（＝隔行でしか書き込めない）という問題に関しては、
どうやら、文章より先に画像をＵＰすると（何故か）隔行でしか書き込めないようになってしまう（＝改行が１行飛ばしになる）ようです。
こちらの解決策は、文章を先に書いてしまってから、もしくは、改行をかなり下の方までずらっとしておいてから、画像をＵＰすることです。
ＵＰする予定の画像を頭に浮かべながら文を書き、画像を上げてからまたレイアウトを調整する。
この作業は少し面倒なようですが、慣れるとそうでもないです。
私にはこの解決策しか思いつきませんでした。

livedoorさんの対応を期待したいです。

[17. girlsbar1]

サイドバーがずれているのかなんなのか、とにかく重なっています。
説明とか色々見たんですけども、あまり詳しくないの原因が分かりません・・・
画像は入れていないのになぜなの？？？
こまったこまった〜〜〜！！！！！！

[18. dosirouto1]

●ランキングを上げたい人はここに、いってみるべし！

http://blog.livedoor.jp/dosirouto1/

●調べても分からない、人には聞けない質問をお持ちのblog初心者の方は、ここにいってみるべし！

http://blog.livedoor.jp/dosirouto1/

[19. heiminbb]

サイドバーがずれている原因は、タグの使い方を誤ってしまったとわかっているのですが、原因はわかっていても、修復の手段がわかりません。どなたかわかる方教えてください。

[20. orange_line]

自分もようやく解決しました。
どうしてもサイドバーがずーーっと下の方に行ってしまってたんです。

自分の場合は、上の方で書いてくれてた人の通り
◆<img>タグを終了させる
ってことで、『/>』で終えるようにしても解決しませんでした。
いくつかの写真を<img>タグを使って載せていたんですが、『もしや？』と思って、見かけ上は大きくないと思ってた、ある１枚の写真を少し横幅を削ってみると解決しました。
（一応、５／２３日記の８枚目の写真です）
横に大きな画像を使ってる場合はサイズを変更するチャレンジをしてみる価値大かと思います。

ただ、<img>タグの終了も明示的に</img>に変更してみたので、もしかしたらこっちが効いてるのかも知れませんが、これ以上チャレンジする気力が無くなりました（笑

[21. dog_dog_dog7]

私も、突然サイドバーが、トップページの一番下に落ちてしまったまま、
何をどうしても上に上がって来ません！！！
ブログ初心者なので、HTMLもよく知りませんし、
それでも恐る恐る、こちらに書かれてありますように貼り付けた画像のサイズを小さくしてみたり、本文の文章をこまめに改行してみたりしたのですが、ちっとも動きません。
直接私のブログをチェックして頂き、ご指示を仰ぐことはできませんでしょうか？

何故でしょうか？　どうやったら戻るのでしょうか？

[22. yumikaeru]

えーっと、ウチも困っているクチですが、サイドバーはおろか、記事全体がグチャグチャになってしまいまして。
直し方がまったくわからなくて困っています。ご存知の方、アドバイスよろしくお願いします。

[23. yutazow]

ウチも初心者でフリースペース使って
Blogスクープ！のコピペ、ファイルのアップロードのコピペを利用して
画像入りのリンクを作ったのですが
サイドバーが本文の下に落ちてしまい途方に暮れ
必死にいぢくりまわしてたら偶然直りました。
私の場合はタグの
="left"
だった所を
="center"
にしたら大丈夫でした。
戻んなかったらどーしようかとアセりました。
よかった。

[24. sulina]

昨日から私もサイドバーが急に画面の下に落ちてしまいました。特に何かを追加したわけでもないし、大きな画像もないのに。。。どうしたらいいんでしょうか？だれかアドバイスを頂ければありがたいんですが。。。

[25. gymmaster]

テンプレートを「フェニックス」にしたいのですが、
隣の「花・黒」と混じった画面になってしまいます。
何故でしょう？

[26. silver_rainbow777]

私も8月に入った途端、サイドバーが下に落ち込んでしまう現象に
なってしまいました！！！
私の場合は、完全に字だけのブログなので、画像関係が原因では
一切無いかと思います。
でも色々苦戦した所、直ったんですヨ〜♪
もし良かったら、2005/8/2にそのことについてupしてみたので、
参照してみてくださいネ★

[27. suzukas]

私のブログには画像をのせてないんです。
そして上記にあったタグはブログ内のソースに見当たらなかったんです。
サイドバーは下に落ち。
変更したはずのブログのデザインも変わっていないままなのですが。
なにがいけないんでしょうか。
どこかを触ったわけでもなく。
おそよ２ヶ月ぶりにブログに書き込みにいったらこうなっていました。
ソース内に原因があるならば、誰か教えてください…。
ちなみにフォントサイズは「小」でも直らなかったです。

[28. gorgo]

初めまして、こんばんは。m(_ _)m
私も突然、サイドバーがズレてしまい、もうどうしても、どうにもなりません(T_T)ＨＴＭＬを見て、ここに書かれている事を、一応みましたが、どこが悪いのかも不明で、もうサイドバーを下にぶら下げて生きて行くしかないのだろうか？と悲しくなってます(T_T)

以前は画像を修正すれば元に戻ったのですが、今回はズレ始めた記事を一旦削除しても、元に戻らず、本当に困っています。デザインを設定しなおせばよいかと思いきや、今気に入って使っているデザインは、新規では既に選べない様になっている様で、それもなりません。

どなたかお教え頂けると、大変助かります・・・(T_T)どうぞ宜しくお願い致しますm(_ _)m

[29. helon]

なるほど。。。

[30. silk2005]

私の場合はlivedoorデパートの広告写真のサイズが原因だったようです。
広告の中に横幅の大きい画像があったためにサイドバーが落ちてしまっていたようで、該当のプラグインを削除することによって解決しました。
もしかしたら同様の現象の方もいらっしゃるかもしれませんので、一度確認してみてはいかがでしょうか。
これってユーザー側ではどうしようもないことなので、管理側での対処をお願いしたいところです・・