ブログデザインの乱れをとりあえず解決 2010/10/05 (Tue) 日記

 どもども！
お休みなさい紅鯨です。

ブログデザインを変更したのですが、コメントを投稿しようとすると、どうしても本文が上の方に引っ込んでしまい、本文を参照しながらコメントが書けないという事態が発生しておりました。

いろいろと調べた結果、悪さをしていたのはCSSによかれと思って指定した、

padding-bottom: 32768px;
margin-bottom: -32768px;

こちらの一文。
どうやらこのの指定は、CSSハックと呼ばれる物らしく、本来意図されていない使い方のようでした。
記事本文の表示される部分と、右カラムの背景が常に同じになるようにするためのTipsですが、当ブログにおいて致命的な欠点があることが分かりました。
どうやら、アンカーリンクを用いると、表示の乱れが起きるようです。
当ブログではコメント投稿時のリンクはアンカーリンクを用いていますが、そのせいで本文が表示されず、位置がずれるという現象が発生していたようです。

ということでこれを解決する方法をいろいろと調べた結果、ｊQueryというAjaxライブラリを用いることで解決出来るらしいということで早速適用してみました。

http://www.ne.jp/asahi/hatakeyama/design/csslayout/ajaxtest/index02.html
詳しい解説は上記のページ様にお任せいたします・・・・。
JavaScriptとか分かりませんｗ

とりあえず、記事本文とコメント投稿フォームはおおむね正常に表示されるようになりましたが、記事本文が短いと右カラムが下にはみ出るという現象が発生。

結局のところ、理想の表示というわけにはいきませんでしたが、まだましだろうと言うことでこれで様子を見てみます。