html, body {
height: 100%;
margin: 0;
padding: 0;
}
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
}htmlとbody要素にはheight: 100%;を指定しておくことと、min-heightのIE6用ハックで#wrapperに100%を指定することがポイント。bodyの背景画像をセンタリングするとIEやなんか（SafariとかChromeとかバージョンによって）で1pxずれるんである。なのでdiv#wrapperの方に背景画像を指定したいんだけど、高さがウィンドウサイズより小さくてぶっつり切れてしまうときとかに使える。フッタ固定にも。

参考：フッタ固定

PSDのデザインだったらコーディング料金は2.5倍とりたい、とつねづね思っているけれど、少しでもさっさとコーディングするには、BMP形式で保存してFireWorksでスライス切っちゃう。そして、テキストは、PS_BRAMUS.TextExportで書き出してしまう。

float: left; で順々に要素を詰めていくと、最後の行のmargin-bottomが倍になっちゃう。とりあえず、IE8にのみ当てるパッチで、親要素にその分だけマイナスのmargin-bottomを指定しておく。

background-colorとかは効くけどね

スタイルシートを分けるのが、あんまり好きじゃないんです。同じ要素へのスタイル指定が複数のファイルにまたがると、メンテナンスがしにくい（その方がしやすいという意見もあるでしょうけど）。でもハックはできるだけ使いたくないので、IEだけは条件分岐でcssファイルを分けていました。

続きを読む