묻고답하기
URL 추가 합니다- 레이아웃 만들 때 여백...
2013.03.27 22:27
간단한 레이아웃을 만들어 보려고 공부를 하고 있습니다. 그런데, 브라우저의 상하좌우 영역에 조그만 빈 공간이 생기는데
이것을 어떻게 없애나요? 화면에 꽉 채우고 싶은데, 위에 빨간색만큼의 상하좌우 여백이 있습니다. 이 빨간색의 여백을
없애고 화면에 꽉 들어차게 하려면 아래 소스 중에 무엇을 건드려야 할까요?
.container { background-color:#0d2144; }
.header { background-color:#223e6e; width:960px; height:85px; margin:0 auto; }
.sub_header { background-color:#4f7ba4; width:960px; margin:0 auto; }
.sub_header .nav { margin:0; padding:10px; list-style:none; overflow:hidden; }
.sub_header .nav li { float:left; margin:0 20px 0 0;}
.sub_header .nav li a { text-decoration:none; color:#333; }
.sub_header .nav li.on a { font-weight:bold; color:#000; }
.promotion { background-color:#214160; height:150px; width:960px; margin:0 auto; }
.e1 { float:left; width:150px; background-color:#888; padding:5px; margin-right:5px; }
.e2 { float:right; width:150px; background-color:#777; padding:5px; margin-left:5px; }
.content { background-color:#666; padding:5px; overflow:hidden; margin:0 auto; width:960px; }
.footer { background-color:#999; padding:5px; margin-top:10px; margin:0 auto; width:960px; }
.header { background-color:#223e6e; width:960px; height:85px; margin:0 auto; }
.sub_header { background-color:#4f7ba4; width:960px; margin:0 auto; }
.sub_header .nav { margin:0; padding:10px; list-style:none; overflow:hidden; }
.sub_header .nav li { float:left; margin:0 20px 0 0;}
.sub_header .nav li a { text-decoration:none; color:#333; }
.sub_header .nav li.on a { font-weight:bold; color:#000; }
.promotion { background-color:#214160; height:150px; width:960px; margin:0 auto; }
.e1 { float:left; width:150px; background-color:#888; padding:5px; margin-right:5px; }
.e2 { float:right; width:150px; background-color:#777; padding:5px; margin-left:5px; }
.content { background-color:#666; padding:5px; overflow:hidden; margin:0 auto; width:960px; }
.footer { background-color:#999; padding:5px; margin-top:10px; margin:0 auto; width:960px; }
css 소스는 위와 같습니다. 일단 container 로 전체 부분을 감싸고 그 안에 header, subheader, promotion, 등등 영역을
나누어 놓았는데요. container 를 어떻게 해 주어야 할 것 같은데, 어떻게 해야 하나요?
.container 에 margin:0; 옵션을 주어도 달라지는 게 없네요 .ㅠㅠ ㅇ
URL 추가 :
http://93th.woobi.co.kr
확인 부탁드립니다. ㅠㅠ.
관리자도구에서 실행했습니다.
녹색 박스의 경로의 파일을 열어서
붉은 박스의 내용을 추가......
그냥 margin:0
이것 넣으면 됩니다......