Tableless layout HOWTO

W3Cのバリデーションサービスを通過しています。

Dreamweaverによる、ターゲットブラウザチェック結果

Dreamweaverによるバリデータ

http://www.w3.org/2002/03/csslayout-howto.html.en

This layout uses CSS absolute positionning.

written:Dominique Hazaël-Massieux

このドキュメントは、上記の、ドキュメントを参考にして、ブラウザ互換性を、CSSファイルにて、取っています。

例えば、このhtml用のCSSファイルの設定は、

*メインドキュメント */

/*IE専用　バグセッティング*/
#main {
margin-left:8.6em;
margin-right:8.6em;
margin-top: 70px;
padding-left:1em;
padding-right:1em;
border:1px solid #ccc;}

/*IE以外　CSS2対応ブラウザセッティング*/
html>body #main {
margin-left:10.2em;
margin-right:10.2em;
margin-top: 80px;

padding-left:1em;
padding-right:1em;
border:1px solid #ccc;
}

IE6.0が、CSS2セレクタ構文に対応していないため、それ以外のブラウザとの区別して指定するという方法に依存しています。

セレクタ - CSS2 リファレンス　などに解説があります。