ウェブデザイン技能検定2級実技で出題されるのがCSSで画面全体をセンタリングさせることである。これはコンテンツを全体に枠をしているboxに"margin-left:auto;"と"margin-right:auto;"の記述でOKなのだが、もう一つ注意しなければならないことを記述しよう。それはDOCTYPE宣言で必ず標準準拠モードにしなければならないことだ。IE6ではバグの為、これをしないと本来"margin-left:auto;"と"margin-right:auto;"でセンタリングされるべきなのが、センタリングされない。
これとは別に、よく他のCSSコーディングを説明しているWEBサイトではIE6用でbodyタグに"text-align:center;"を記述すればいいと書かれているが、上記のDOCTYPE宣言を気をつければ問題ないと思う。もちろん念を入れてbodyタグに"text-align:center"を記述してもいいのだが、子のboxもすべて文字がセンター揃えになってしまうので非常に不便な思いをする。
コメントする