ie7 li 주위로 3px정도 공간이 생기는 버그

크로스브라우징 2010. 8. 4. 13:30

1. li안에서 3px 정도 공간이 생기는 버그

li는  height:13px 값을 가지고 있다. 그런데 이미지나 텍스트 위에 ie7에서만 3px정도 되는 공간이 생기면서 주저앉았다.
기본을 line-height:1.5em를 가지고 있었기에 혹시나 해서 line-height값을 13px 주어보았다. 이게 문제였음....

<ul>
<li>이미지 혹은 텍스트</li>
<li>이미지 혹은 텍스트</li>
</ul>

2. li와 li 사이에 3px 정도 공간이 생기는 버그

li 안에 바로 ul 이나 dl 이 나올경우 font-size 때문에 공간버그가 생길수 있다.

line-height 으로 해결이 되지 않을 경우 font-size:0 으로 해결 가능하다.

'크로스브라우징' 카테고리의 다른 글

ie HTML5 에서 border-radius 사용제한  (0) 2011.04.07
CSS Hack 1  (0) 2010.12.14
min-height  (0) 2010.07.10
ie6 position 버그  (0) 2010.07.09
ie 랜더링 문제  (0) 2010.05.14
: