div+css div を中央揃えにするが、中のテキストは中央揃えにしない方法:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/ xhtml1/DTD /xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<頭>
<タイトル>
テストをする
</タイトル>
<style type="text/css" rel="stylesheet">
体{
マージン:0px;
}
#カウンター{
マージン:自動;
幅:600ピクセル;
高さ:100%;
背景色:#cccccc;
}
</スタイル>
</head>
<本文>
<div id="カウンター">
中国
</div>
</body>
</html>
実際、ここで最も重要な点は、カウンター クラスの属性の margin:auto; の値です。
先ほどテストしたときに、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0" であることがわかりました。 Transitional/ /EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
も非常に重要です。この文がないと、Firefox や Google Chrome では、IE ブラウザーでの表示が左側に表示されます。表示は正しくなります。この文を追加すると、すべてのブラウザで正しく表示されるようになります。