CSSをつかったセンタリング
前に、CSSでのセンタリングができないとか嘆いてましたが、
最近学んだので一応メモっときます。
本当は、FirefoxやOperaは、内側の、
margin: 0 auto;
だけでセンタリングができるんですが、IEでできない。
(IE6です。7なんか知るか)
で、なぜか text-align が block 要素のdivに適用されるという冒涜行為IEなので、
それで外側を囲ってあげます。
こうすればセンタリングの完成。
ちゃんちゃん。
あ、問題点があるとすれば、内側のdivにも text-align:center; がかかることかな?
まぁその場合は内側で text-align:left; とでもしてあげればいいんだけど。
どうでもいいけど、コーディングしてるといつもいつもいつも....
IEだね。
最近学んだので一応メモっときます。
...
<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だね。






