なんだよー作戦失敗だぁ

幅をウィンドウいっぱいにしてみたりといろいろカスタマイズしていますが、いろんなところに同じ class が指定してあったりするので修正するのが大変なんですよね。できる限り CSS の構文に準拠させたいし。(「margin: 0;」とかいう単位のない指定はよろしくないようなのですべて単位(px)付きにしたり、@charset を指定したり、カスタマイズ部分に関して Firefox (私のデフォルトブラウザ) や IE でレイアウトがなるべく同じになるようにしたり…。

サイドバーが右で HTML の記述順が「本体」→「サイドバー」(※検索サイトのヒットを考えるとこの順が理想だと思う)の場合、幅をウィンドウに合わせるのは結構難しいものです。
これはなかなかうまくいかなかったので StyleCatcher Plugin のテンプレートから拝借しました。それだけでは少しおかしかったので少々調整しましたが。

というわけで、現在使用しているスタイルシートはこちらです。
デフォルトテンプレートはこちらにあるので比較してみると何を修正したかが分かるかと思います。
実は、いまさら何を修正したのか分からなくなって説明が大変だ…というのが本音だったりするｗ

スタイルシートの修正や確認には Firefox や Mozilla の Plugin である Web Developer なども役に立ちますね。