CSSで要素を上下左右、中央に配置する方法

2008/05/02 18:47

ブラウザのサイズに関係なく、上下左右中央配置を実現する方法です。

CSSソース

#container {
	width:800px;
	height:400px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-400px;
}

margin-topとmargin-leftにそれぞれのwidthとheightの半分のマイナス値を適用させます。

思いつきそうで思いつかなかった手法ですね。

Category : CSS
Tags : ,

© 2008-2008 DN*BLOG. All Rights Reserved.