G R A N A D A > ブログ >

« セキュリティ | メイン | DREAM GIRLS »

CSSをつかったセンタリング

に、CSSでのセンタリングができないとか嘆いてましたが、
最近学んだので一応メモっときます。


...
<body>
<div style="text-align:center">
<div style="margin: 0 auto; width: 750px;">

</div>
</div>
</body>



本当は、FirefoxやOperaは、内側の、

margin: 0 auto;

だけでセンタリングができるんですが、IEでできない。
(IE6です。7なんか知るか)


で、なぜか text-align が block 要素のdivに適用されるという冒涜行為IEなので、
それで外側を囲ってあげます。
こうすればセンタリングの完成。

ちゃんちゃん。


あ、問題点があるとすれば、内側のdivにも text-align:center; がかかることかな?
まぁその場合は内側で text-align:left; とでもしてあげればいいんだけど。

どうでもいいけど、コーディングしてるといつもいつもいつも....




IEだね。

コメントを投稿

トラックバック

このエントリーのトラックバックURL:
http://www.sotaro-k.com/mt/mt-tb.cgi/230