TAB IE6 버그
슬찬
이미지처럼 IE6에서만 픽셀이 안맞습니다. ㅠ ㅠ
하단의 소스 한번 확인 부탁드립니다~~
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml xml:lang=ko lang=ko
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleSCIC Admin/title
style type=text/css
/* base */
body {margin: 0; padding: 0; background-color: #fff; letter-spacing: -0.05em;}
hr {display:none;}
img, fieldset {border: 0 none;}
dl, ul, ol, li {list-style: none;}
h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, form, fieldset, legend {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration: none;}
a:link, a:hover, a:active {text-decoration: underline;}
body, th, td {font-size: 12px; font-family: Dotum,돋움,sans-serif; color: #333;}
input, select, textarea {font-size: 12px; vertical-align: middle;}
/* tab */
.tab {width: 100%; list-style: none; background:url(http://www.fantaya.com/upLoad/bgTab.gif) repeat-x bottom left; margin: 10px 0; *zoom:1;}
.tab:after {content:.; display: block; height: 0; clear: both; visibility: hidden;} /* float 해제 */
.tab li {float: left; font-weight: bold; margin-right: 2px;}
.tab a {display: block; color: #808080; text-decoration: none; border: 1px solid #d4d4d4; border-bottom: none; background-color: #f4f4f4; padding: 6px 15px 4px 15px;}
.tab a:hover {color: #666666;background: #ffffff; text-decoration: none;}
.tab li.selected a {color:#3659c9; padding-bottom: 5px; font-weight: bold; border: 1px solid #a6a6a6; border-bottom: none; background:url(http://www.fantaya.com/upLoad/buTabSelect.gif) no-repeat center 19px ; background-color: #ffffff;}
.tab li.selected a:hover, ul.popTab li.selected a:visited {border-bottom: none; background:url(http://www.fantaya.com/upLoad/buTabSelect.gif) no-repeat center 19px; background-color: #ffffff; text-decoration: none;}
/style
/head
body
ul class=tab
lia href=#기본 정보/a/li
lia href=#교과목 관리/a/li
lia href=#강사 관리/a/li
lia href=#공통 컨텐츠/a/li
li class=selecteda href=# ABCCCCC /a/li
lia href=# Peer Reflection/a/li
/ul!-- // tab --
/body
/html
-
천사의눈물
메뉴를 영문으로 하니 안맞아서 알게 되었어요. 그래서 영문계산을 다르게 하는건 아닐까하고 봤는데요, 그게아니라 ie6 전체 li가 2픽셀 떨어지더라구요~ 일단 수다님 도움으로 line-height으로 해결하긴했지만 왜 이렇게 되는 것일까요?
-
텐시
저는 정상적으로 보이는데요..ㅡㅡ;;
-
아잉형님
정확히 원인은 모르겠지만 euc-kr로 바꾸거나 a 태그에 line-height를 주면 나오긴하네요....신기하네요