こちらはNetscape7.1、Firefoxが中央寄せになりIEは中央寄せされない書き方です。
この二重線に囲まれた部分は上記CSSで制御した<div>でできています。
『margin:30px auto 30px auto』によって左右の余白がauto（自動）で調整されるため、結果として左右に同じ数値が入る＝コンテンツが中央寄せされることになります。
ですが、IEではこのautoに対応してくれません。
IEでも中央寄せをする場合は、上記の<body>のCSSに『text-align:center』を入れる必要があります。
ここではそれを書いていませんので、IEではコンテンツは中央寄せになりません。
また、互換版のように<body>タグ内のコンテンツを『text-align:center』指定していないため、特に指定しなくとも他のタグ内のものは左寄せになります。
互換版はこちら。
非互換版（IEのみ中央寄せ）はこちら。
戻る