ブログのサイドバーが落ちる時の対処法

たま~に「サイドバーが落ちる」というような検索語で来られる方がいますので、ここに対処法を掲載しておきます。

よくあるミスと対処法

以下の順で調べれば大体解決するはずです。

  1. 大きい画像を使っていないかどうか
  2. HTMLのミス(主にDIVタグが1個抜けてるなど)
  3. CSSのmargin、padding、borderの設定ミス

大きい画像を使っていないかどうか

よくやる凡ミスその1。ブログの本文が300pxしかないのに、468pxのバナーを貼ると落ちる場合があります。この場合、大きいバナーを掲載しない他、CSSで幅を広げる方法もあります。

HTMLのミス(主にDIVタグが1個抜けてるなど)

よくやる凡ミスその2。私もよくやるのですが、HTMLの編集をしていて、気付かずに1個DIVタグが抜けていることがあります。こういうときは、Another HTML-lint gatewayを使って文法の見直してみましょう。

CSSのmargin、padding、borderの設定ミス

これはブラウザのよって解釈の仕方が異なるので、人によっては難しいかも?

基本的にはFireFoxでちゃんと表示されていて、その後IEでちゃんと表示されるようにカスタマイズするとOKです。

まあ細かいことを言い出すと文章が長くなってしまうので、専門サイトに任せます。CSS関係のサイトを探してみましょう。

トラックバック(0)

このブログ記事を参照しているブログ一覧: ブログのサイドバーが落ちる時の対処法

このブログ記事に対するトラックバックURL: http://www.blog-affiliate.org/cgi/mt/mt-tb.cgi/82

コメント(2)

はじめまして。もかりです。
それはまさに「サイドバー落下地獄」ですね!

これに陥ったときの悲しさはなんともいえませんね・・・。
画像がでかすぎるとか、テーブルがでかすぎるとかが原因のことが多いですが、CSSを修正しても、なおらないときとか泣きそうになる気がします。

というわけで、わたしのブログでもこのネタを話題にしていたのでこっそりトラバをおくりました。

>もかりさん
はじめまして。
そうですそうです、「サイドバー落下地獄」

私はあまり画像貼らない人間なので、画像やテーブルで落ちることはほとんどないですが、CSSの設定ミスでよく落ちます。
しかもそういう時に限って30分くらい格闘する羽目になったり…。

コメントする

ウェブページ

  • FeedBurner.jp