ブラウザのスタイルシート対応について

　HTMLやスタイルシートの規格は、W3Cによって標準化が進められており、最新のブラウザでは、W3Cの標準に準拠した「標準モード」で表示されるようになっています。 ただ、古い形式のHTMLやCSSで記述されたWebページも表示できるようにするための「互換モード」も装備されている場合があります。 この「標準モード」と「互換モード」の切替に使われているのが、HTMLのDOCTYPE宣言です。 ですから、W3Cの標準に準拠した形式でHTMLやCSSを記述する場合には、DOCTYPE宣言は必須です。
　よく使われるDOCTYPE宣言には、以下のような種類があります。 IE8, IE7, IE6, Firefox3, Safari4, Opera10, Sleipnir2で、「標準モード」で動作することを確認しました。

　XHTML形式の場合は、DOCTYPE宣言の前に、XML宣言も必要となります。 xml宣言のencoding指定は、HTMLファイルの文字コードの種類により、「Shift_JIS、EUC-JP、ISO-2022-JP、UTF-8、UTF-16」などに設定する必要があります。
　ただ、IE6ではXML宣言に対応していないため、IE6にも対応したい場合には、HTML4.01を利用するか、XML宣言を省略した方が良いです。私が使っている範囲では、XHTML1.0 Tranditional指定で、XML宣言を省略しても、問題なく表示されています。

　なお、W3Cにより仕様策定中のHTML5では、下記のようにシンプルな宣言となる予定です。

　Microsoft社のIE8は、W3Cの標準に近いブラウザになりました。 しかし、IE7以前のブラウザと同じような表示をするための、「互換表示機能」が追加されていて、ボタンなどで簡単に切り替えることができる仕様となっています。
　W3Cの標準に準拠したHTMLを作成している場合、「互換表示機能」を利用すると、正しく表示されません。 そのため、IE8の「互換表示機能」をOFFにする必要があります。
　IE8の「互換表示機能」をOFFにするためには、下記の記述をする必要があります。

　CSSハックとは、IE6など、スタイルシートを正しく表示できない古いブラウザに対する、特別の記述のことです。
　IE6以前のブラウザにだけ有効な指定をするCSSハックで良く使われているのは、アンダースコアハックとアスタリスクハックです。
　スタイルシートが、後の記述が優先して適用されることを利用して、値の変更をすることもできます。

アンダースコアハック

　アンダースコアハックとは、プロパティ名の先頭に「_（アンダースコア）」を記述することで、IE6以前のブラウザでのみ有効な指定をすることです。値を変更したい場合は、通常のプロパティ指定の後に、アンダースコア付きのプロパティ指定をすることで、IE6以前のブラウザで値を変更することができます。

IE6以前のブラウザで、値を追加したい場合の例
div.hack { _width: 10px; /* for IE6 */ }
IE6以前のブラウザで、値を変更したい場合の例
div.hack { width: 10px; _width: 8px; /* for IE6 */ }

アスタリスクハック

　アスタリスクハックとは、セレクタ名の先頭に「*（アスタリスク）」を記述することで、IE6以前のブラウザでのみ有効な指定をすることです。値を変更したい場合は、通常のセレクタ指定の後に、アスタリスク付きのセレクタ指定をすることで、IE6以前のブラウザで値を変更することができます。

* div.hack { /* for IE6 */
  width: 8px;
}

div.hack {
  width: 10px;
}
* div.hack { /* for IE6 */
  width: 8px;
}

　IE（Internet Explorer）の動作をW3C標準仕様に準拠させるためのライブラリとして、Dean Edwards氏が開発した、IE7.js や、IE8.js があります。MITライセンスですので、誰でも利用可能なソースとして、Google Codeで公開されています。
　CSSハックで、IE6に対応できない場合などに便利ですが、完全互換となるわけではありません。 ですから、IE6対応時など、最低限の利用にした方が良いと思います。

<!--[if lt IE 7]>
  <script src="IE7.js" type="text/javascript"></script>
<![endif]-->

　このライブラリを使うと、IE6を透過pngに対応させることもできます。
　透過pngに対応するためには、ファイル名を「*-trans.png」という名前に変更することにより、cssのbackgroundプロパティで利用できます。
　ただ、repeat指定や、position変更などには対応されていないようです。