このブログを始めてからページのレイアウト／デザインはずっと同じでした(まあ、ちょこちょこいじってはいましたが)。
もともとのデザインで気に入らなかったところがあって、それは文字が見にくいということでした。フォントサイズも小さいし (元のデザインでは文字は9ポイント、今使っているのが11ポイントの文字)、画面幅いっぱいにべったりと文章が流し込まれてしまうので読みづらい。そしてきっと目にも悪い。
そんなこんなでいろいろといじっているうちにこれならいっその事・・・。ということで全体的に新しいデザインに作り直しました。
ここで困ったのはInternet Explorerでの表示でした。最初、Firefoxで確認をしてだいたいいけそうかな〜、とか思っていて念のためにIEで表示してみたら全然ダメ・・・。そこからの試行錯誤は大変で、タグを直したりスタイルシートを直したりと一瞬IE非対応ぐらいにしようかなと思うぐらいでしたが、IEでご覧頂いている方も多いようなのでそこはぐっとこらえて調整、調整、調整・・・。
ただ、全体を中央寄せにしたかったんですが、なぜかIEでは margin: 0 auto; とかやってもうまく行かず、原因もよくわからないので挫折しました。
もう一つ大変だったのは過去のエントリーで、幅を目一杯使っていたもの。それも全部画像の大きさとか、PREタグのサイズとかを調整しました。
(IEでwidthを指定しないとoverflow属性が無視されるというのには泣けてきました)
さて、そんなこんなで出来上がった新デザインですがいかがでしょうか？でも一応、旧デザインのページも残しておきます。

Before

After