« 画面解像度 | メイン | setRGB() »
April 10, 2007
画面中央に配置
htmlで画像を画面の中央に配置する方法。分かってるつもりがなかなかできないのでメモ。
body{
margin:0px;
padding:0px;
}
div#main{
overflow:auto;
height:400px;//オブジェクト高さ
width:600px;//オブジェクト幅
position:absolute;
top:50%;
left:50%;
margin-top:-200px;//オブジェクト高さの半分
margin-left:-300px;//オブジェクト幅の半分
}
＜div id="main"＞〜＜/div＞
これで〜部分がブラウザー中央に配置されています。
参考はここ
投稿者 ikoma : April 10, 2007 08:47 PM
トラックバック
このエントリーのトラックバックURL:
http://www.publicroots.com/cgi-bin/mt/mt-tb.cgi/29