Main | ctype関数 »

Strictでブロックレベル要素をセンタリング

div#block {
	margin: 0 auto;
	width: 300px;
	border: 1px solid #00f;
}

のようにmargin: 0 auto;と指定してやれば良いけど、これだとIEはバグのせいでセンタリングされない。
text-alignプロパティはインライン要素の位置揃えを指定するものだが、IEだとブロックレベル要素まで影響を受けてしまう。
このバグを逆手にとってblockを包むようなラッパーを用意して、そこにtext-align: center;と指定してやれば良い。

div#wrapper {
	text-align: center;
	border: 1px solid #f00;
}

TrackBack

TrackBack URL for this entry:
http://ezry.net/cgi-bin/mt/mt-tb.cgi/2

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)