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の半分のマイナス値を適用させます。
思いつきそうで思いつかなかった手法ですね。
Track Back URL
コメントをどうぞ♥