・デザインやCSSをもう少し極めたいなと。
・シックな大人っぽいデザインにしてみたかった！
・それに、GWで時間があったしｗ
そのリニューアルの過程で、1点、かなり「あーでもない」「こーでもない」と悩んだ点があったので、メモしておきます。
それは、エントリタイトルの左にある「四角いアイコン」とその右の「タイトル文字」の縦位置が、どうしてもWindows系のブラウザとMacintosh系のブラウザとでずれてしまうということです。具体的には、MacのSafariとFirefoxで「アイコン」と「文字」の位置を合わせると、WinのIEとFirefoxで見たときに、「文字」の方がかなり上にずれてしまうのです。
そこで、タイトル要素にボーダーラインを入れて確認してみたところ、Winではエントリタイトル全体を囲うdivの上ラインに隙間なく「文字」がくっついているのに対し、Macではdivの上ラインと「文字」との間に2〜3pxの隙間が空いているのがわかりました。そして、その隙間がどうしても排除できなかったのです。いろいろな属性を入れまくって様々なパターンを試してみた結果、もしかして「line-height」が問題？と思い、line-heightを指定してみたら、すんなりうまくいきました。（右上の画像は、上がMacのSafariで、下がWinのIE6です。）
どうも、別の親要素で指定していたline-height属性が「タイトル文字」にも影響を及ぼしていたようで、それに気付くまでに正味2時間くらいかかってしまいましたｗ
昨日は、ひさびさにマルチブラウザ対応に悩まされたGW最終日でした。
前のさわやかな感じもよかったけど、こちらも確かにシックでなかなかよいですね！
僕はデザインは全然手付かずです。ｗ
なくしすぎて、サイドバーがちょっと重くなっちゃいましたので、もう少し手を入れようかと。
＃とあるサイトに似ているという噂がありますが、それは噂ではありませんｗ