IE6에서 a태그 사용시 밑줄이 너무 붙어버리는 현상
문제점 IE6에서 a태그 옆에 img 태그가 위치할 경우 텍스트 언더라인(underline)이 텍스트에 너무 붙어 보기가 이상한 문제. 단, 파이어폭스나 IE8등 다른 브라우저에서는 별다른 문제 없음. IE6 IE8 FireFox 3.6 Chrome 3.0 모든 경우에 그런 것은 아니며, 아래 예제 소스와 같이 특정한 경우에만 발생된다. 위 표에서 보면 알 수 있듯, IE6을 제외한 다른 브라우저에서는 텍스트와 밑줄 사이의 여백이 적당히 있어 보기가 나쁘지 않지만 IE6에서는 너무 붙어있어 보기가 좋지 않다. 예제 소스 하하하 발생 원인 body에 선언된 한글 폰트 문제 (굴림, Gulim, 돋움, Dotum) img에 선언된 vertical-align:middle 속성 해결 방법 선언한 한글폰트를 삭제..
CSS/UI
2010. 1. 18. 17:52
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 웹표준
- adobe
- 고양이
- 액티브x
- 오크우드
- 코스트코
- 구글
- 아이폰
- 네이버
- 네이트온
- 쥐새끼
- IE6
- 트위터
- 안드로이드
- 애플
- 소프트웨어
- 일본
- 모바일
- 웹브라우저
- 2mb
- 일본여행
- 아이패드
- ie
- 도쿄
- IE8
- 스마트폰
- css
- IOS
- html5
- 인터넷 익스플로러
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
글 보관함