コンテンツを画面の中央に表示したいとき、テーブルを使ってレイアウトするのが主流だった数年前までは、テーブルの中央に表示すればOKでした。しかし現在はHTML＆CSSが主流なので、テーブルを使わない配置を考えなくてはなりません。
HTML＆CSSでは、このようにコーディングします。
幅760px、高さ560pxを画面中央に配置する場合
html側
<body>
<wrapper>
//表示させるコンテンツ
</wrapper>
</body>
CSS側
body{
margin: 0px;
padding: 0px;
}
#wrapper{
width:760px;
height: 560px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -380px;
margin-top: -280px;
}
ホームページ制作・WEBデザインのwebarton（ウェバートン）
