묻고답하기
레이아웃 만들 때 여백 -
2013.03.27 19:10
간단한 레이아웃을 만들어 보려고 공부를 하고 있습니다. 그런데, 브라우저의 상하좌우 영역에 조그만 빈 공간이 생기는데
이것을 어떻게 없애나요? 화면에 꽉 채우고 싶은데, 위에 빨간색만큼의 상하좌우 여백이 있습니다. 이 빨간색의 여백을
없애고 화면에 꽉 들어차게 하려면 아래 소스 중에 무엇을 건드려야 할까요?
.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; 옵션을 주어도 달라지는 게 없네요 .ㅠㅠ ㅇ
댓글 2
-
송동우
2013.03.27 19:30
-
Fidelity
2013.03.27 22:27
링크 추가해서 올렸어요. 확인 좀 부탁드립니다. ㅠㅠ -
Sulli
2013.03.27 20:25
body{margin:0;padding:0;} 를 한번 해보세요. -
Fidelity
2013.03.27 22:27
안되네요.. ㅠㅠㅠㅠ
이런 것은 그냥 해당 웹페이지를 알려주는 것이 좋습니다.
질문할 때 당연히 이 부분의 소스를 올리면 그 안에서 답이 있을 것이라 생각하고
질문에 코드를 올리는데
대부분 그 부분에 답이 있지 않습니다.......
그리고 확인할 수도 없구요......
링크 하나만 올리면 금방 해결될 문제입니다......
헐....
로컬이군요.....쩝.....