IEの癖その１

では、4/21現在の新規テンプレからカスタマイズするのを前提に。
取り敢えずDOCTYPEは置いておいて（IE互換モードで）スタート。

全体をセンター表示させるつもりで順番にCSSの下準備。

まずbodyに「margin:0px; padding:0px;」を放り込むのが自分の好み。
●padding:0pxはOperaにいいそうなので、入れておいて損は無し。まめの様＆ひよ様Thanks。
●この段階でtext-align:centerを入れるとWinIEでは全体をセンター表示するが、そんなことになるのはIEだけだーっ（笑）
●更に全体の文字サイズや色の基本を設定するが、文字サイズを12pxにしてプレビューを見るとあら不思議。WinIEではプラグインカレンダーの文字サイズは変わってない。これは標準モードの時にはサイズ継承されるんだが。

CSSで全体をセンター表示させるには、#mainBlockに「margin:0px auto;」を放り込むだけで済む。正確にはここの左右marginがautoならいいわけで、上下marginの数値は自分の好みで入れれば良し。だがしかし。
●MacIEは互換モードでもこれだけでＯＫなんだが、WinIE互換モードではこれでセンター表示させられない。bodyにtext-align:centerと併用となる。WinIE標準モードならおけ。…混乱するっつーのに(^^;


更にIEの顕著な癖の１つがborder,margin,paddingの計算法が独特なこと。
試しに互換モードで#mainBlockに枠線引いてみると。あっと言う間にプラグインが下に落ちる。標準モードにしてHTMLプレビューやり直してみると、同じCSSなのに崩れてない。
互換モードの計算法に慣れてしまった人は標準モードにすると戸惑うんではなかろうか(^^;
このIE互換モードでプラグインが下に落ちたものをFirefoxで見ると、崩れてなかったりする。Firefoxで綺麗に作ったものをIEで見ると崩れてたりするのは、IEが互換モードなのかも。
クロスブラウザに興味のある方は、DOCTYPE宣言をチェックしてみるといいと思われ。

やっぱ標準モードの方が他に合わせ易いと思うんだが…。何故新規テンプレのDOCTYPEは変更になったんだろ？