좌우야 align="center"를 쓰면 쉽게 정렬이 된다지만
높이를 가운데 정렬하는것은 쉽지 않습니다.
<style type="text/css">
html,
body {
height: 100%;
overflow: hidden;
}
#center {
position: absolute;
top: 50%;
left: 50%;
width: (게시물의 폭)px;
height: (게시물의 높이)px;
margin-left: -(게시물의 폭50%)px;
margin-top: -(게시물의 높이50%)px;
.
.
.
.
.
.
.
<body>
html,
body {
height: 100%;
overflow: hidden;
}
#center {
position: absolute;
top: 50%;
left: 50%;
width: (게시물의 폭)px;
height: (게시물의 높이)px;
margin-left: -(게시물의 폭50%)px;
margin-top: -(게시물의 높이50%)px;
}
</style>
</style>
.
.
.
.
.
.
.
<body>
<div id = "center">
내용들어가기
</div>
내용들어가기
</div>
</body>
