widthとpadding/borderを一緒に指定しない
特にピクセル単位で合わせるところでborderを使わない
100% height of the parent element for IE6
#parent {height:500px;}
#child {height:100%;}
100% of the page length for IE6
html, body {height:100%;}
#fullLength {height:100%;}
画像のベースラインを最下部にあわせる
img { vertical-align:bottom }
hasLayoutがfalseになっているから。Trueになるような設定(ex:zoom, height)
またいろいろ調べたら、どうやらHTMLのコメントが原因のようです。あいうえお
- センタリングしたい要素に margin:0 auto;
- 親要素に text-align: center;
display: inline; を加える
(CSS2 の仕様では「float を指定した要素は display の指定を無視する」のでほかのブラウザでもOK)
float: left; display: inline; を1セットと覚えておくと楽
そのCSSファイルからの相対パスで表記する必要があるので、パスの記述に間違いがないか調べる
- overflow:hidden;
- font-size:1px; を追加
- line-height プロパティ値をチェック