ie7 에서 li 틀어지는 현상 ㅠㅠㅠㅠ
빛글
div class=banner1
ul
liimg src=images/main/banner1_1.jpg alt=오시는 길 class=bn1_icon//li
liimg src=images/main/banner1_2.jpg alt=환율보기 class=bn1_icon//li
liimg src=images/main/banner1_3.jpg alt=1:1상담 //li
/ul
/div
CSS는
.banner1{width:202px; height:56px; float:left; background-image:url(../images/main/banner1_bg.jpg); padding:8px 0px 0px 20px;}
.bn1_icon{ padding-right:37px; float:left; }
이런식으로 했어요
그런데 이미지가
이런식으로 됩니다 ...
일자로 정렬이 되야되는데 틀어지네요 ㅠㅠ 검색해서 line-height, font-size 다 해봐도 안되요 ㅠㅠㅠㅠ
뭐가 문제일까요 ie7에서만 이러네요 ㅠㅠㅠㅠㅠㅠ
-
매미꽃
참고로 li display:inline 하시면 바로 해결될듯 해요... ^^
Kli목록끼리는 floating 보다는 이 방법을 많이 쓰는듯..
저 목록들이 div라면 floating을 많이 쓰구요 -
세찬
ㅋㅋㅋ
-
봄여우
바로 되네요 ㅠㅠ 정말 감사합니다 !!! 아직 혼자 배우는 단계라 좀 모르는게 많네요 ㅠㅠㅠㅠ 정말 고맙습니다 ㅎㅎ
-
리네
코딩을 어디서 배우셨길래 이미지에 플롯팅을 ;;;
li 에 float 주시고 ul 에 overflow:hidden; 줘보세요