・デザインやCSSをもう少し極めたいなと。
・シックな大人っぽいデザインにしてみたかった!
・それに、GWで時間があったしw
そのリニューアルの過程で、1点、かなり「あーでもない」「こーでもない」と悩んだ点があったので、メモしておきます。
それは、エントリタイトルの左にある「四角いアイコン」とその右の「タイトル文字」の縦位置が、どうしてもWindows系のブラウザとMacintosh系のブラウザとでずれてしまうということです。具体的には、MacのSafariとFirefoxで「アイコン」と「文字」の位置を合わせると、WinのIEとFirefoxで見たときに、「文字」の方がかなり上にずれてしまうのです。

いろいろな属性を入れまくって様々なパターンを試してみた結果、もしかして「line-height」が問題?と思い、line-heightを指定してみたら、すんなりうまくいきました。(右上の画像は、上がMacのSafariで、下がWinのIE6です。)
どうも、別の親要素で指定していたline-height属性が「タイトル文字」にも影響を及ぼしていたようで、それに気付くまでに正味2時間くらいかかってしまいましたw
昨日は、ひさびさにマルチブラウザ対応に悩まされたGW最終日でした。
前のさわやかな感じもよかったけど、こちらも確かにシックでなかなかよいですね!
僕はデザインは全然手付かずです。w
なくしすぎて、サイドバーがちょっと重くなっちゃいましたので、もう少し手を入れようかと。
#とあるサイトに似ているという噂がありますが、それは噂ではありませんw