CSS だけで要素をブラウザの中央に配置

Flash を使わずに CSS で <div> をブラウザの中央に配置する方法

実際に使用した例 » www.ludhaus.com

CSS

#wrap {
   position: absolute;
   width: 800px;
   height: 600px;
   left: 50%;
   top: 50%;
   margin-left: -400px;
   margin-top: -300px;
}

注意!
margin-left は width の半分
margin-top は height の半分

HTML

<div id="wrap">
   your contents
</div>

About this entry

No comments

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です