CSSでwindow内にdviを天地左右中央配置

index.htmでオープンまでの簡易ページを作成したときに、
どんなサイズのwindow内でも中央に設置したかったので以下のとおり設定。

<style type=”text/css”>
img {border: 0; }
body{background-color:#521952}
#apDiv6 {
position:absolute;
top:50%;
left:50%;
width:652px;
height:621px;

margin-left:-326px;
margin-top:-320px;
z-index:7;
}

</style>

</head>

<body style=”font-family: Arial, Sans-serif, sans;”>
<div id=”apDiv6″>

<img src=”isaiaopen(s).png” width=”652″ height=”621″ alt=”flagship shop”></div>

DVIをtopとleftから50%の位置に設置し、

widthとheightの半分の数値をマイナスして、
margin-top とmargin-leftを使用してセンターの位置をだす。

Comments are Disabled