サイドバー 落下事件

ブログのカスタマイズをし始めると起こやすい問題に「サイドバーの落下」があります。
各言う私も、サイドバーの落下を経験した一人。
(サイドバーの落下自慢してるよ、この人・・・。 ( ´д)ヒソ(´д`)ヒソ(д` ))

皆さんも経験済みかと思いますが、まだ「サイドバー落下・未経験」の方向けに、ちょっと記事を書いてみたいと思います。(・∀・)スンスンス-ン!

スポンサーリンク

サイドバーが落下した!

私のブログのサイドバーが落下したのは、今を遡ること半年前。
(この記事は、2007年の年末に書いてます)
ブログ(MT)のカスタマイズに嬉々として取り組んでいた最中でした。

フォントを変え、幅を変え、サイドバーの内容を変え・・・
日々、ブログのカスタマイズは進行して行きました。

そうこうしているうちに、私はブログの異変に気がつきました。
何と、私のブログのサイドバーが、落下しているのです!Σ(´Д`;)

その落下の仕方は、本文の下に潜り込むというタイプのもの。
つまりこういうことです。


サイドバー
サイドバー
サイドバー
サイドバー
サイドバー

本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文


「これはいかん!(`・ω・´) 」ということで、早速、原因探し。
すると、どうやら、「width」や「height」のサイズ指定が間違っていたようなのです。
要するに、「サイドバーやエントリ部分のサイズがデカ過ぎた」だけだったのです。
(テキトーに作ってるからこうなるんだよ〜  '`,、'`,、'`,、'`,、(ノ∀`)'`,、'`,、'`,、'`,、)

そこで、サイドバーやエントリのサイズを、「padding」や「margin」を含めた値で計算しなおし、再度キッチリ作ったのです。
すると、サイドバーも見事復活。

一応、「めでたし、めでたし (´ー`)」となったのです。
・・・が、まだ実は、続きがありました。


今度はフッターがはみ出す

その後、しばらくは順調にカスタマイズを続けていたのですが、しばらくして、うちのブログにある異変が起こっていることに気がつきました。
それは・・・

「フッターがずれている」ってことでした。工エエェェ(´д`)ェェエエ工
そんなわけで、今度もまたサイズがずれているんだろうと思い、色々と調べてみたんですが特にサイズに悪いところもない様子。

でも、チョコチョコとブログを見回しているうちに、とあることに気がつきました。
それは、「ズレているところとズレていないところがある」ということです。
要するに、回り込み(float:left)の設定をしくじっていたために、サイドバーか本文の長い方の下にフッターが入り込んでいたのでした。

私のブログは左サイドバーでしたので、サイドバーが長いとサイドバーの下にフッターが付き、本文の方が長いと本文の下に張り付いたのです。


サイドバーが短いタイプ

サイドバー
サイドバー
サイドバー

本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文

フッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッター


サイドバーが長いタイプ

サイドバー
サイドバー
サイドバー
サイドバー
サイドバー
サイドバー
サイドバー
サイドバー
サイドバー

本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文

フッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッターフッター


そんなこんなで、結局、この問題は・・・
テーブルを利用することで解決しました・・・。_/>,,,,,,,○コロコロ
(さんざ、時間と労力かけて、結局 テーブルかい。( ´,_ゝ`)プゲラ)

今ではちゃんと解決できてるんですが、もしも万が一、また落下したら怖いんで、結局 ブログもサイトもテーブルで作ることに決めました。
(だって、テーブルは絶対に落下しないんですもの。 ┐(´ー`)┌)


スポンサーリンク