숭례문,지켜주지 못해 미안해...

'css'에 해당되는 글 1건

UTF-8 환경 웹 페이지의 IE의 앵커/링크(A) 렌더링 버그 :: 2007/06/28 11:28

사용자 삽입 이미지

(위) 정상적인 렌더링 상태 / (아래) 텍스트에 붙어버리는 밑줄


같은 UTF-8 환경임에도 불구하고 xhtml 1.0 transitional 로 개발한 신규 사이트에서는 앵커의 언더라인이 텍스트에 붙어버리는 문제가 발생했다.

여러가지 수정을 해보아도 해결될 기미가 보이지 않고... 하지만 font-family: 를 지정하는 순간 이러한 문제가 발생된다는 것을 탐지...벗! 문제 해결하겠다고 font 를 지정 안할수도 없고...

구글링...ㄱㄱㄱ

http://forum.standardmag.org/viewtopic.php?id=1140 에서 괜찮은 정보를 입수하여 적용하니 문제 해결!!



아~ 망할 MS... FF은 렌더링 잘 하더만!!



해결한 방법

css 상에서..

* html a{display:inline-block;} /* ie6 */

(IE7에서는 테스트를 못해봤다.... 혹시 IE7에서도 이러한 문제가 생긴다면..)
*:first-child+html a{display:inline-block;} /* ie7 */




(그냥 속 시원하게 a{display: ... } 해도 되긴하지만... FF는 잘되잖앙? IE만 hack 해서 쓰자!)




문제 발생 조건
xHTML 1.0 이상
UTF-8 환경
IE 브라우저
크리에이티브 커먼즈 라이센스
Creative Commons License

2007/06/28 11:28 2007/06/28 11:28
Trackback Address :: http://blog.playxp.com/nios/trackback/94
[로그인][오픈아이디란?]
Name
Password
Homepage

Secret