공지사항인데요 ie7에서 li에서 span이 밑으로 떨어지는데 왜 그런가요?
팬지
!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
head
meta http-equiv=Content-Type content=text/html; charset=utf-8/
script type=text/javascript src=../js/jquery-1.10.1.min.js/script
titleReseat/title
style
/* index */
.index_box01 ul{ width:453px; height:px; float:left; font-size:1.1em; }
.index_box01 li { width:428px; height:22px; float:left; display: inline-block; font-size:1em; color:#333; font-weight:bold; padding:5px 0 5px 24px; border-bottom:1.1px dashed #d3d5db; background:#fff url(../images/index/index_dot.png) no-repeat 10px 15px; background:yellow;}
.index_box01 li a { color:#333; }
.index_box01 li a:hover { color:#224588;}
.index_box01 li span { width:58px; float:right; display: inline-block; font-size:1em; font-weight:normal; padding-right:13px; line-height:25px; vertical-align:top; background:red; }
/style
/head
body
div class=index_box01
ul
lia href=#기후변화 예측 및 모델링개발 기술/aspan2013.12.12/span/li
lia href=#기후변화 영향 평가 및 적응기술/aspan2013.12.12/span/li
lia href=#실리콘계 태양전지의 고효율, 저가화 기술/aspan2013.12.12/span/li
lia href=#비실리콘계 태양전지 양산 및 핵심원천 기술/aspan2013.12.12/span/li
lia href=#기후변화 예측 및 모델링개발 기술/aspan2013.12.12/span/li
lia href=#기후변화 영향 평가 및 적응기술/aspan2013.12.12/span/li
lia href=#실리콘계 태양전지의 고효율, 저가화 기술/aspan2013.12.12/span/li
/ul
/div
/div
/body
/html고수님들 씨름하다가
도저히 답이 안나와서요~
공지사항인데요 ie7에서 li에서 span이 밑으로 떨어지는데 왜 그런가요?
감사합니다.
-
모아
오잉님 플롯넣으니 테스터기에서 잘 보이네요
정말 감사해요~^^ㅋ -
옆집언니
.index_box01 li a { color:#333; float:left;}
-
든해
네^^ 감사합니다.
ie에서 inline-block안먹는군요^^ -
꽃바라기슬아
line-height값때문 아닌가용~ 그리고 ie7에서는 display:inline-block;안먹히는걸로 알고있어요 따로 핵 써주셔야 해용 zoom:1; *display:inline;