徒然雑記
【【CSSメモ】margin:auto;を使わないでセンター配置する方法】
calender
recent entry
profile
2010
05
23
Sun.
05
23
Sun.
【CSSメモ】margin:auto;を使わないでセンター配置する方法
CSSでブロック要素をセンター配置するとき、
margin:0 auto;
ではない方法を見つけたので、ちょっと自分メモ。
その上にもう一つブロック要素置いてtext-align:center;にするのはあまり好きじゃないので、個人的にはもっぱらmargin:auto;をよく使うのですが。
.selector {
width: 800px;
position: relative;
float: left;
left: 50%;
margin-left: -400px;
}
左寄せ→画面の真ん中に左端を持ってくる→ブロック要素の半分の幅だけ左に寄せる
ということらしい。IE5.5対策かな。多分。
使う機会はあまりなさそうだけど。
……とか書いてたら、なんか前にもこの書き方見たことある気もしないでもないけど、まぁ、忘れてたわけだからいいや。メモメモ。
しかし、CSS3のリファレンスなんかが載ってるサイトでIE5.5対策って必要なのかしら。
と思わないこともない。
margin:0 auto;
ではない方法を見つけたので、ちょっと自分メモ。
その上にもう一つブロック要素置いてtext-align:center;にするのはあまり好きじゃないので、個人的にはもっぱらmargin:auto;をよく使うのですが。
.selector {
width: 800px;
position: relative;
float: left;
left: 50%;
margin-left: -400px;
}
左寄せ→画面の真ん中に左端を持ってくる→ブロック要素の半分の幅だけ左に寄せる
ということらしい。IE5.5対策かな。多分。
使う機会はあまりなさそうだけど。
……とか書いてたら、なんか前にもこの書き方見たことある気もしないでもないけど、まぁ、忘れてたわけだからいいや。メモメモ。
しかし、CSS3のリファレンスなんかが載ってるサイトでIE5.5対策って必要なのかしら。
と思わないこともない。
PR