その他のメモ

IEでコンテンツが真ん中に行ってくれへん

ファイヤーフォックスだと真ん中に表示されるのに
IEだと左添えになってしまうコンテンツで、きーと格闘した話し。

横幅固定のコンテンツ・・・。
ファイヤーフォックスだとどまんなかに表示。
IEで見てびっくり仰天！完全に左添え！！
てっきり<div></div>の閉じ忘れか多いのか何かだと思って
テンプレートと格闘すること約１日。
IEのバグなのだと・・・
ちょうどFC2ブログを触っていたので、なにげにマニュアルみて
わかった。

body {
  text-align : center; /* バグを利用してブロックレベル要素をセンタリング */
}
div#container {
  width : 740px;       /* コンテンツ幅を740pxに設定 */
  margin-left : auto;  /* 左側のマージンを自動算出 */
  margin-right : auto; /* 右側のマージンを自動算出 */
  text-align : left;   /* body要素で指定したセンタリングを戻す */
}

IEでtext-align:center;を入れると、必要のないところまで真ん中添えになってしまうのは知っていたが、一旦bodyを中添えにしておいてcontainerを真ん中に、その後、containerの中身はtext-aling:left;で左添えに戻す・・・と。
すごい技ですな(;´▽｀A``

んでもちゃんと表示されました(´▽｀) ホッ。

スタイルシートド素人のくせにテンプレートすべて<div></div>にしてるからこういう初歩的なミスを連発する(;´▽｀A``(;´▽｀A``。

また忘れるのでメモっときます〜。