안녕하세요.
이번에 처음 CSS 에 입문하게 된 프로그래머 입니다.
작가님의 책을 보면서 css 에 대해서 공부하고 있는데요, 한가지 문제가 생겨서 이렇게 글 남깁니다.
css 에서 wrap 으로 모든 div 들을 감싸고 margin:0 auto; 를 해줬는데 왼쪽은 가운데 정렬이 되지만
오른쪽 부분은 되질 않습니다. (margin-right,left:auto; 도 마찬가지로 안됩니다)
가운데 컨테이너 div 가 가로로 5000px 넘는게 있는데 그것때문인지, 어떻게 해야될지 아무리 검색을 해봐도 margin:0 auto; 쓰라는 말만 나올뿐 못찾겠습니다.
도와주십시요 ㅠㅠ


<html>

BOAZcmt
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">


<style type="text/css">

a:link {text-decoration: none} /* unvisited link */
a:visited {text-decoration: none} /* visited link */
a:hover {text-decoration: none} /* mouse over link */
a:active {text-decoration: none} /* selected link */

a img{
border: none;
text-decoration: none;
}

body{
/*background-size:100% auto;*/
background-image:url(images/bg.png);
background-size:1024px 768px;
background-attachment:fixed;

}
#wrap{
margin:0 auto;
width:1024px;
min-height:750px;
min-width:1000px;
}

#gnbContainer{
padding:10px;
height:120px;
width:1024px;
vertical-align:top;
position:fixed;
}

#ci{
position:relative;
width:350px;
height:72px;
float:left;
}

#home{
float:left;
position:relative;
top:12px;
width:45px;
height:72px;
}

.bar{
float:left;
position:relative;
left: 25px;
top: 12px;
width:36px;
height:72px;
}

#aboutAR{
float:left;
position:relative;
left: 20px;
top:12px;
width:98px;
height:72px;
}

#application{
float:left;
position:relative;
left: 20px;
top:12px;
width:98px;
height:72px;
}

#likeBZ{
float:left;
position:relative;
left: 20px;
top:12px;
width:101px;
height:72px;
}

#contact{
float:left;
position:relative;
left: 20px;
top:12px;
width:103px;
height:72px;
}

#contents{
position:absolute;
top:120px;
width:5120px;
height:550px;
border:1px solid;
}

#footer{
position:fixed;
right:50px;
width:500px;
height:63px;
bottom:15px;
vertical-align:bottom;
}

#box1{
width:100px;height:100px;
background:red;
}
#box2{
position:absolute;
float:left;
left:1025px;
width:100px;height:100px;
background:green;
}
#box3{
position:absolute;
float:left;
left:2049px;
width:100px;height:100px;
background:blue;
}
#box4{
position:absolute;
float:left;
left:3073px;
width:100px;height:100px;
background:red;
}
#box5{
position:absolute;
float:left;
left:4097px;
width:100px;height:100px;
background:green;
}
</style>






<body>


Company image

Home

bar

What is the AR?

bar

application

bar

BOAZcmt

bar

Where are we?





박스1>

박스2

박스3

박스4

박스5







</body>
</html>
이 게시물을