レイアウトが崩れていたのを直しました。

IE（おそらくIE7以下）でレイアウトが崩壊していた問題を修正いたしました。
たびたび崩れて申し訳ありません。

• 少々のことではレイアウトが崩れない（右のメニューが下に行かない）ように細工してみました。
• PRE要素のmarginをマイナスにして、少しでも横幅を稼いでみたりとか無駄なことをしてみました。
• 長文が読みやすいように文字間隔を調整いたしました。

このレイアウト、デザインはとても好きなのですが、（おそらくIE6対策のせいで）borderを使っていなかったり（おそらくIE6対策のせいで）max-widthとmin-widthを指定できていなかったり、（おそらくIE6対策のせいで）レイアウトの幅がすべてpx指定になっているため、1pxでもはみ出すとレイアウトが崩れたりと色々と使いづらくて困ってます。CSS書き直したい・・・


※このブログの推奨ブラウザはFirefox2以上、Safari3以上、Chromeです。これ以外のブラウザでの動作確認は基本的にしていません。申し訳ないです・・・
IE7は家に環境があり、動作確認が出来るため、一応IE7では見られるようにしていこうと思います。

[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス