css에서 5픽셀 미만의 배경에서 생기는 여백

말자 전체게시물 작성일13-05-02 05:48 조회4,246회

본문

Css + Html
와....이런게 있을줄이야 ㅠ_ㅠ!!!!
 
.hardlist {float:left; margin:10px 0 10px 0; width:135px; background-color:#000;}
.hardlist li{font:11px 돋음,dotum,sans-serif; line-height:120%;}
.hardlisttop {height:5px; background:url(img/hardlisttop.gif) no-repeat;}
.hardlistbg {padding: 0 5px 5px 5px; height:135px; background:url(img/hardlistbg.gif)undefined;}
.hardlistbt {height:5px; background:url(img/hardlistbt.gif) no-repeat;}
 
 
 
<div class="hardlist">
 <div class="hardlisttop">
 </div>
 <div class="hardlistbg">
  <img src="img/hardimg/ggfile.gif" width="125" height="60" style="vertical-align:top" />
  <ul>
  <h5>지지파일</h5>
   <li>무료포인트 : 1000패킷</li>
   <li>최신영화</li>
  </ul>
 </div>
 <div class="hardlistbt">
 </div>

</div>
 
 
여백이 생기는 이유를 모르겠네요... 여백을 눈으로 확인하기 쉽게 배경을 검정색으로 했습니다
여백이 9픽셀이던데..왜 여백이 생기는건가요 ? 딱 붙어야 하는데 ㅠ_ㅠ
 
 
 
 
 
-------------------------------------------------------------------답변
IE에서 block-element는 기본서체의 높이값을 가지고 있습니다.
배경으로 들어가는 부분이고 내용을 입력할 필요가 없는 부분이므로,
그 부분의 여백을 없애기 위해서는
해당 class에 font-size:0 를 추가하여 기본 높이값을 제거해주시면 됩니다.

비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천 1 비추천 0

Css + Html

113개의 게시물
목록
읽기: 1P (1lv), 쓰기: 100P (3lv), 덧글: 10P (2lv), 다운: -10P (2lv)
Css + Html 목록
번호 제목 아이디 날짜 조회수 추천
113 부트스트랩 부트스트랩 모달 (modal) 클릭시 오른쪽에 생기는 여백 17px없애기 무료아이콘 전체게시물 10-12 236 추천: 1
112 css 에어콘 출판사 메인 콘텐츠 레이아웃 관련링크 무료아이콘 전체게시물 09-13 193 추천: 1
111 css float 중앙 정렬 시키기 무료아이콘 전체게시물 09-11 231 추천: 1
110 css 모바일에서 입력창 input 클릭시 확대되는 거 막기 관련링크 무료아이콘 전체게시물 09-04 194 추천: 1
109 jQuery/java 다양한 사이드바 소스 사이드바 플러그인 관련링크 무료아이콘 전체게시물 09-02 213 추천: 1
108 css 크롬 노란 input 배경 없애기 무료아이콘 전체게시물 08-27 277 추천: 1
107 css input에 입력폼에 글자 미리 넣어두기 무료아이콘 전체게시물 08-25 147 추천: 1
106 css 마진 여백 사용시 %넓이 깨지는 경우와 width100%밀림 깨짐 해결하기 무료아이콘 전체게시물 08-17 567 추천: 1
105 etc 브라우저 별 CSS 핵 관련링크 무료아이콘 전체게시물 08-09 190 추천: 1
104 css 목록(리스트)형식의 css에 텍스트 블릿 사용하기 무료아이콘 전체게시물 08-08 144 추천: 1
103 css 넓이 100%에 25%씩 4개값을 줬는데 줄바꿈 되는 경우 ㅠㅠ 댓글1 무료아이콘 전체게시물 07-17 276 추천: 1
102 부트스트랩 동영상 슬라이드 댓글2 관련링크 무료아이콘 전체게시물 01-20 1765 추천: 16
101 부트스트랩 다중,멀티 스타일시트 우선순위 무료아이콘 전체게시물 01-19 2130 추천: 15
100 부트스트랩 부트스트랩 nav 높이를 높였을 때 다른 div 와 겹치는 현상 무료아이콘 전체게시물 01-17 1362 추천: 14
99 부트스트랩 부트스트랩에 swiper로 네이버 터치 스크롤링 메뉴 만들기 인기글관련링크 무료아이콘 전체게시물 01-17 5118 추천: 15
게시물 검색