<div>のCSS

margin:30px;
padding:10px;
width:700px;
border:double 4px #000000;

 こちらではInternet Explorerが中央寄せになり、Netscape7.1・Firefoxでは中央寄せになりません。
 この二重線に囲まれた部分は上記CSSで制御した<div>でできています。
 中央寄せの肝は、<body>にも下記のCSSを書くことにあります。

<body>のCSS

margin:20px;
padding:0px;
text-align:center;

 ここで重要なのは、『text-align:center』です。
 IEは<body>にこれを書けば中央寄せがなされます。
 しかし、Mozilla系のNetscapeとFirefoxは『text-align:center』だけでは中央寄せがなされません。このように左に詰まってしまいます

 互換版はこちら
 非互換版(Netscap7.1・Firefoxのみ中央寄せ)はこちら

 戻る