CSSのバグと対処法

IE6のバグ

・フロートした要素のマージンが2倍になってしまう（対策：フロートした要素ではマージンを使わない。または「display:inline;」）
・CSSファイルがSHIFT-JISで日本語が含まれており、HTMLがUTF-8だと、日本語が含まれている箇所からCSSが効かない（対策：CSSファイルから日本語を消す or CSSもUTF-8で）
・「list-style-image」プロパティを「list-style:none」で上書きできない
　→「list-style-image:none;」を指定
・「list-style」でのイメージ指定を「list-style:none」で上書きできない
　→「list-style-image:none;」を指定
・「text-align:center;」が効かないときは、HTMLに「align="center"」を入れる
・「clear:○○;」の前にHTMLコメントアウトがあると、不要な行間が生じる（対策：該当コメントアウトを消す）

IE6だけにCSS適用

* html セレクタ {

}

IE6で画像がちらつくバグ解決法

HTML内に下記JavaScriptを記述する

<script type="text/javascript">
<!--

try {
 document.execCommand('BackgroundImageCache', false, true);
} catch(e) {} 

// -->
</script>

IE6、IE7

文字の上下が切れる
→　line-height:100%;

IE全般

bodyに指定した「font-family」がinput、textareaに効かない　→input、textareaそれぞれ直に指定する

ブラウザによってtableの高さが異なる（Firefoxで高くなる）

tableに「height:px;」を指定して統一する（完璧ではないが、マシになる）