home > 画面中央に配置

画面中央に配置

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>

これで〜部分がブラウザー中央に配置されています。

参考はここ



ブックマークする hatena del.ico.us

このリストは、次のエントリーを参照しています: 画面中央に配置:

» レイバン メガネ from レイバン メガネ
mtFlash: 画面中央に配置 [続きを読む]

トラックバック時刻: July 23, 2013 09:37 PM


Comments

Post a Comment






Remember personal info