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>
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 2개
예전 소스라 지금도 이렇게 쓰이는지는 모르겠지만 이렇게 초기화 시켜주시면 됩니다~
* {margin:0;padding:0;}
html, body {margin:0;padding:0;min-height:100%;height:100%;} /*For IE height 100%*/