익스플로러 IE 8 에서 이미지간 여백이 생기는 문제 발생…
회사 이벤트 페이지에서 발견!

아래처럼 별다른 코딩없이 <div>에 이미지만 넣었을 뿐인데…

<div><img src=”ex1.jpg”></div>
<div><img src=”ex2.jpg”></div>

IE6, IE7에서는 문제가 없으나 이상하게 IE8에서만 발생…-_-
이것저것 다해 보다가 결국 해결….
방법은…

img  {vertical-align:bottom;}

▼ 문제 있는 모습

▼ 해결된 모습

Related Articles

11 comments

박지용 2010-02-05 - 4:24 am

감사합니다. 도움받고 갑니다 ^-^*

주오때 2010-02-06 - 2:53 am

^^ 진심으로~ 감사합니다~~~

감사 2010-04-17 - 5:48 am

감사합니다^^
저도 소스짜던 중에 ie8에서만 링크 걸린 이미지 간 자꾸 여백이 생겨서 고민하고 있었는데
포스팅해주신 것 보고 해결했습니다.
정말 감사드려요~

주오때 2010-04-17 - 11:52 am

^^ 잘 됐네요~~
고생 많으셨죠? ㅎㅎ

5988 2010-07-02 - 7:51 am

와 저도 해결됐어요 고맙습니다!!

주오때 2010-07-02 - 9:28 am

^^축하드립니다.!!!
정말 알수없는 문제에 봉착했을때 힘들죠..ㅎ

splus 2011-02-18 - 3:01 am

정말 감사드려요 저도 도움 잘 받았습니다~

주오때 2011-03-01 - 12:27 pm

ㅎㅎㅎ 사소한 곳에 이런 비밀이 있죠^^

얌야미쓰 2011-04-27 - 8:18 am

와우~ 정말 감사합니다~ 이거 때문에 참 고민 많이 했어요.

주오때 2011-04-27 - 8:31 am

ㅎㅎ 해결되서 잘됐네요..^^
도움이 되셨으면 다음 뷰온이나 믹섭도 부탁..ㅎㅎ

CSS루키 2012-01-12 - 5:02 am

아 한참 해멧는데 덕분에 욕봤습니다

감사합니다

Comments are closed.