IE6 Bug 관련 질문입니다.
두빛나래
style type=text/css
!--
ul li{float:left;list-style-type:none;margin-left:5px}
ul li a{display:block;width:8px;height:8px;border:2px solid #ccc}
.pointer{background:#f00}
//--
/style
ul
lia href=# class=pointer/a/li
lia href=#/a/li
lia href=#/a/li
lia href=#/a/li
/ul
----------------------------------------------------------------------------------------------이와 같이 height가 길게 나옵니다.
이 버그에 가장 좋은 해결방법은 뭐가 있을까요??
-
초코맛사탕
되네요 감사합니다. ^^ㅋㅋ
-
갤쓰리
기본 폰트 사이즈가 적용되어서 실 사이즈보다 더 길게 폰트영역만큼 길어진 상태로 나타난것으로 보이는데요...
a 태그에 font-size:0; line-height:0; 을 적용해보시면 가로세로 8px의 사이즈로 나오지 않을가요?ㅎ -
꼬붕
솔직히 해결은 했습니다. 적용이 공통으로 되는 부분으로 코딩을 바꿨는데...그런거 말고 현상태에서 css를 추가하여 변경하는 방법을 묻는겁니다요...
이른바 더블height값 해결법이라고나 할까 이런거 해결방법 말이죠... -
개굴츼
그게 ie6에서는 최소 영역 크기 라는게 있어서 그렇게 늘어나 보이는 버그입니다.
ul li a{overflow:hidden;} 을 주면 하단 짤리는것처럼 나오지 않구요 다른 브라우저와 똑같이 랜더링 되요 -
영빈이
그럼 하단부분 늘어진 상태에서 짤리지 않나요??
-
횃불
overflow:hidden; 이요~
-
돋되다
그냥 font-size:0; 으로 해도 되네요..
-
스위트초코
안되네요 ㅎㅎ;
-
꺄홋
a 태그에 block 대신에 float 을 주면 될것도 같은데요..