div 질문입니다....
본문
이제 처음 공부하는 입장이라...기초같지만 저에게는 어려운 문제라서
이렇게 질문을 드립니다.
div로 레이아웃을 잡고 홈페이지를 만들고 싶은데요...
요즘은 모니터가 커서 홈페이지를 모니터 중앙에 보이게 가운데 정렬을 많이 하쟎아요
그래서 저도 가운데 정렬을 하고 싶은데요....
어떻게 해야하는지 알려주시면 감사하겠습니다.
일단 제가 작성한 코드를 올려드리면요....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>무제 문서</title>
<style type="text/css">
body {
margin-left:0;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0px;
}
#wrap {
margin:0 auto;
position:absolute;
width:1200px;
height:1400px;
z-index:1;
}
#apDiv1 {
position:absolute;
width:100px;
height:1222px;
z-index:1;
left: 0;
top: 0;
background:url(images/sub1-1_01.gif)
}
#apDiv2 {
position:absolute;
width:573px;
height:96px;
z-index:2;
left: 100px;
top: 0px;
background:url(images/sub1-1_02.gif)
}
#apDiv3 {
position:absolute;
width:427px;
height:96px;
z-index:3;
left: 673px;
top: 0px;
}
#apDiv4 {
position:absolute;
width:100px;
height:1222px;
z-index:4;
left: 1100px;
top: 0px;
background:url(images/sub1-1_04.gif)
}
#apDiv5 {
position:absolute;
width:1000px;
height:58px;
z-index:5;
left: 100px;
top: 96px;
}
#apDiv6 {
position:absolute;
width:1000px;
height:194px;
z-index:6;
left: 100px;
top: 154px;
background:url(images/sub1-1_06.gif)
}
#apDiv7 {
position:absolute;
width:211px;
height:189px;
z-index:7;
left: 100px;
top: 348px;
}
#apDiv8 {
position:absolute;
width:789px;
height:54px;
z-index:8;
left: 311px;
top: 348px;
background:url(images/sub1-1_08.gif)
}
#apDiv9 {
position:absolute;
width:211px;
height:685px;
z-index:9;
left: 100px;
top: 537px;
}
#apDiv10 {
position:absolute;
width:789px;
height:820px;
z-index:10;
left: 311px;
top: 402px;
background:url(images/sub1-1_09.gif)
}
#apDiv11 {
position:absolute;
width:1200px;
height:40px;
z-index:11;
left: 0px;
top: 1222px;
}
#apDiv12 {
position:absolute;
width:1200px;
height:40px;
z-index:12;
left: 0px;
top: 1262px;
background:url(images/sub1-1_12.gif)
}
#footer {
position:absolute;
width:1200px;
height:98px;
z-index:13;
left: 0px;
top: 1302px;
background:url(images/sub1-1_13.gif)
}
</style>
</head>
<body>
<div id="wrap">
<div id="apDiv1"></div>
<div id="apDiv2"></div>
<div id="apDiv3"></div>
<div id="apDiv4"></div>
<div id="apDiv5"></div>
<div id="apDiv6"></div>
<div id="apDiv7"></div>
<div id="apDiv8"></div>
<div id="apDiv9"></div>
<div id="apDiv10"></div>
<div id="apDiv11"></div>
<div id="apDiv12"></div>
<div id="footer"></div>
</div>
</body>
</html>
이렇게 드림위버로 레이아웃을 만들었는데요...
어떻게 수정해야 가운데 정렬이 되는지 알려주세요...부탁드립니다.
감사합니다...^^
답변 1
margin:0 auto;
position:absolute;
width:1200px;
height:1400px;
z-index:1;
}
감사합니다...^^