#61

幅750px固定のテンプレート。 左カラム(もしくはメニュー部分)の幅を変更すると、ちょっと面倒なことになりそうです。 左カラムの黒色は画像なので、左カラムの幅を変更すると、この画像の幅も変更しないと、 はみ出したように見えてしまいます。 あ、これは幅だけじゃなくて、メニュー部分のpadding変えた場合も含まれますね。

メニュー項目は、背景画像を用いて角丸にしています。 ブラウザで文字サイズを大きくしたときに”ズレ”がでないように、 メニュー部分の行間は25pxの固定にしています。

結構ガチガチな感じになってしまったので、 レイアウトのカスタマイズはしにくいかもしれません。 文字色や見出しなどはいくらでも変えれますけど。 それと、悲しいことに、なぜか古いバージョンのWinIEで見ると、 メニュー部分と右カラムが分離します(**;
ま、まぁ、もうそろそろWinIE7もでることですしね、…。 MacIEは…シラネ。 古いWinIEでも、どうしても分離しないようにしたいのなら、 CSSファイルの#first-sectionのwidthを210pxとかにすれば多分大丈夫です。 けど、その場合は、他のブラウザで、メニューをクリックしたときの操作感が。 黒い画像から右に少しズレた部分でもクリックできるようになってしまうというね。 もうこの際、古いIEなんてムシ!
てか、なんでWinIE6がでてるのに、WinIE5を使ってる人がいるんだろ。