ie8에서의 img의 padding처리
해뜰참
어떻게 제목을 써야할지몰라서 대충줄여서 썼는데요.
◎질문 시작하겠습니다!◎
이미지를
img src= alt=
img src= alt=
img src= alt=
이렇게 세개를 정렬을 하면ie 6,7에서는 이미지 bottom부분에3px정도의 틈이 생기는데요.
fire fox에서 붙더라구요그래서 ul로 감싸고
ul
liimg src= alt=/li
liimg src= alt=/li
liimg src= alt=/li
/ul
핵을 안쓰려고 하지만 그게 잘안되더라구요ㅋㅋ;; 이렇게 해결하는 편입니다.
ul li {padding:0 03px 0; #padding:0 01px 0;}
근데!!
ie8에서는 fire fox와 같이틈이 생기질 않고 딱붙여져 있습니다.
#핵이 먹지도 않고!! 방법을 찾다가
그래서
ul li {font-size:0; line-height:0; padding:0 03px 0;}
이렇게 주고 padding값으로 해결하고있는데 이것말고 다른 방법이 없을까요?
-
솔찬
li img { vertical-align:top; } 이러면 이미지는 붙을꺼에요
-
상처주지마
8은 메타태그로 7처럼 랜더링시키게 하는게 좋을듯해요 만약 8까지 맞추기위해 먼가 더 스타일을 만진다면 점점 유지보수가 어려워질듯..
meta http-equiv=\X-UA-Compatible\ content=\IE=7\ -
큰애
해보았답니다;ㅠㅠㅠ 역시 ie 6,7엔 padding-bottom 3px은 그대로예요
-
딥블루
li에 이미지height값을 주시면 되는 것 같던데요.. 이 방법이 아닐지도..ㅋ