ブログ更新：左右中央配置でのJUGEMブログのバグ

ブログ今日2回目です。会社暇なんですよ～。

JUGEMのブログのカスタマイズをすることになったので編集してたんですが、
どうにもこーにもうまくいかない。

#wrap {
width: 1002px;
margin-right: auto;
margin-left: auto;
background-color: #0000FF;
color: #FFFFFF;
text-align: center;
}

上の方法だとJUGEMでは中央揃えにしてるはずなのに左に寄っちゃうんですよね。何故に!?
IE7・FireFox・Safariでは問題ないのに…
原因はIE6のバグかJUGEMのバグなのか詳しくはわかりませんが、
なんせ寄っちゃう。IE6って本当ウザイ。

最初はIE6ハックをかけて強引に右に150px寄せて中央に見せる設定をしていたんだけど、
モニターの大きさによっては中央にならないので
これはいかんとやり方を探していたのですが･･･みつからず師匠に懇願。

そして師匠に教えていただいたのが

#wrap {
background-color: #0000FF;
color: #FFFFFF;
text-align: center;
position:absolute;
left:50%;
width: 1002px;
margin-left:-501px;
}

この方法。
簡単にいえば左に半分の50％ずらすとサイトの左端が中央に来ますよね。
それでは中央ではないので、ネガティブマージンでサイトの幅1002pxの半分の
501pxを左に戻して画面の中央にくるように見せるっていう方法です。

margin:autoが効かなかったらこんなまどろっこしい方法せんといかんとは…
縦を中央に揃えるのもこれと同じ方法で縦の設定をしてあげればいいです。

師匠が言うに、この方法を使ってるのは今のところJUGEMのブログの時だけみたいなんですけど･･･
普段でもこの方法は使えるけど、margin:autoの方が楽・・・
この方法を使うときはある画像とかFLASHとかをど真ん中に表示する時もこの方法が使えます。
こっちの方が使うこと多いかな。縦の設定はIE6に引っ掛かるそうですが…試して誰か。