이미지의 틀어짐 문제
두루
보시다시피 하단 카피에 라인배경을 넣고 저렇게 이미지를 배열했는데
왼쪽 카운터는 제대로 나오는데
오른쪽 메뉴쪽은 아래로 좀 내려가버리네요.
문제는 익스플로러에서는 정상적으로 보여지고
파이어폭스에서만 저렇게 보입니다.
카운터와 메뉴를 div를 따로 줬는데~
#bottom_menu_area {
width: 910px;
height: 34px;
background:ffffff;
}
#counter{
float: left;
width: 200px;
height: 34px;
}
#counter .img{
float: left;
vertical-align:middle;
}
#copy_menu{
padding-left:15px
width: 710px;
float: right;
height: 34px;
background:ffffff;
}
#copy_menu .img{
height: 34px;
float: left;
}
요런식으로요
html에는
div id=bottom_menu_area
div id=counter
ul
li class=imgimg src=images/counter_title.gif alt=방문자수 //li
li class=imgimg src=images/counter_today.gif alt=오늘 방문자수 //li
!--li class=img234/li --
li class=imgimg src=images/counter_total.gif alt=전체 방문자수 //li
!--li class=img23432443/li--
/ul
/div
div id=copy_menu
ul
li class=imgimg src=images/footer_guide_1.gif alt= //li
li class=imgimg src=images/footer_guide_2.gif alt= //li
li class=imgimg src=images/footer_guide_3.gif alt= //li
li class=imgimg src=images/footer_guide_4.gif alt= //li
li class=imgimg src=images/footer_guide_5.gif alt= //li
li class=imgimg src=images/footer_guide_6.gif alt= //li
li class=imgimg src=images/footer_guide_7.gif alt= //li
/ul
/div
/div이런식으로 줬습니다.문제가 뭘까요?
익스플로러는 정상으로 보입니다 ㅠㅠㅠㅠㅠ
-
치킨마루
#counter .img
이거 말구요..
#counter li {float:left;}
#counter li img { vertical-align:top;} 이렇게 하시고
li에 class주지마시고 liimg..../li해보세요.. -
재바우
링크나 작업 파일을 압축해서 올료주시면...