CSSの基本.1

１．センタリングについて

cssを使ってセンタリングを行う場合は、margin-leftとmargin-rightにautoを設定する。
以下は例。

 #box {
   margin: 0px, auto;
 }

以下の書き方も可能。

 #box {
   margin-left:  auto;
   margin-right: auto;
 }

但し、IEはこのやり方ではセンタリングされない。
IEに対してはbodyに「text-align: center;」を設定する。

 body {
   text-align: center;
 }

「text-align: center;」を行うと、テキスト等が全て中央に寄せられてしまう。
左寄り、右寄りしたい場合は明示的に指定する。

２．ページ上部の余白について

特に指定しない限り、ページ上部に余白ができている。
この余白を失くす場合は、bodyに「margin-top: 0px;」を指定する。

 body {
   margin-top: 0px;
 }

サンプル
html, css

---

2010-07-26

---