div 코딩시 좌, 상단에 흰색 여백이 생겨요.(소스포함) 정보
div 코딩시 좌, 상단에 흰색 여백이 생겨요.(소스포함)본문
div로 틀을 잡고 작업을 했는데
보여지는 화면에 흰색 여백이 생겨요. 이 여백을 없애려면 어떡하죠?
그누보드에 대한 질문이 아니라 죄송합니다 ㅠㅠ
<style>
.bo {
line-height:0;font-size:0;
}
.logo {margin:20px;}
</style>
<body>
<div id="bo">
<div style="width:300px;float:left; height:1080px; background-image:url(a.png); background-repeat:repeat-y; border-right:1px solid #939393;>
<div class="logo"><img src="fa.png" alt="" class="logo" /></div>
<div class="menu"></div>
</div>
<div style="line-height:0;font-size:0;float:left;">
<div class="slideshow">
<ul class="slides">
<li style="visibility:visible" class="slide" id="image1">
<a href="/"><img alt="1" src="images/1.jpg" /></a></li>
<li class="slide" id="image2">
<a href="/"><img alt="2" src="images/2.jpg" /></a></li>
<li class="slide" id="image3">
<a href="/"><img alt="3" src="images/3.jpg" /></a></li>
</ul>
</div>
</div>
</div> </body>
보여지는 화면에 흰색 여백이 생겨요. 이 여백을 없애려면 어떡하죠?
그누보드에 대한 질문이 아니라 죄송합니다 ㅠㅠ
<style>
.bo {
line-height:0;font-size:0;
}
.logo {margin:20px;}
</style>
<body>
<div id="bo">
<div style="width:300px;float:left; height:1080px; background-image:url(a.png); background-repeat:repeat-y; border-right:1px solid #939393;>
<div class="logo"><img src="fa.png" alt="" class="logo" /></div>
<div class="menu"></div>
</div>
<div style="line-height:0;font-size:0;float:left;">
<div class="slideshow">
<ul class="slides">
<li style="visibility:visible" class="slide" id="image1">
<a href="/"><img alt="1" src="images/1.jpg" /></a></li>
<li class="slide" id="image2">
<a href="/"><img alt="2" src="images/2.jpg" /></a></li>
<li class="slide" id="image3">
<a href="/"><img alt="3" src="images/3.jpg" /></a></li>
</ul>
</div>
</div>
</div> </body>
댓글 전체
body 영역에 마진,패딩값 초기화 시켜주세요
예전 소스라 지금도 이렇게 쓰이는지는 모르겠지만 이렇게 초기화 시켜주시면 됩니다~
* {margin:0;padding:0;}
html, body {margin:0;padding:0;min-height:100%;height:100%;} /*For IE height 100%*/
예전 소스라 지금도 이렇게 쓰이는지는 모르겠지만 이렇게 초기화 시켜주시면 됩니다~
* {margin:0;padding:0;}
html, body {margin:0;padding:0;min-height:100%;height:100%;} /*For IE height 100%*/

style에 body 항목을 추가하고는 {margin:0;padding:0;} 하면 되겠네요.