본문 바로가기

CSS

ie6 dottom 오류

디자인에서 도트 부분을 아주 작은 점으로 표시해서 디자인을 하는 경우가 많다.

 

그런데  ie6에서는 그 도트 표시 부분이 좀 크게 나온다.

 

그걸 해결 하기 위해 검색을 해봤는데..관련 자료가 있어 올려둔다..

 

.dottedBorders li { border-bottom: 2px dotted #000; zoom: 0.5; }

.dottedBorders li a { zoom: 2; }

 

 

보는거와 같이 zoom을 두번 주는 경우다.

상위 계층에 zoom:0.5 를 줘서 작게 표시한 다음

하단 a링크에 따로 zoom:2를 줘서 정상적인 크기로 돌아오게 하면

폰트는 정상으로 보이고 dotted 만 작게 보이게 만들어지는듯 싶다..

'CSS' 카테고리의 다른 글

원하는 영역만 프린트 하는 CSS  (0) 2012.06.15
IE Conditional Comments 필터링  (0) 2012.06.04
[list-style-position]  (0) 2012.05.14