익스플로러 IE 8 에서 이미지간 여백이 생기는 문제 발생...
회사 이벤트 페이지에서 발견!
아래처럼 별다른 코딩없이 <div>에 이미지만 넣었을 뿐인데...
<div><img src="ex1.jpg"></div>
<div><img src="ex2.jpg"></div>
IE6, IE7에서는 문제가 없으나 이상하게 IE8에서만 발생...-_-
이것저것 다해 보다가 결국 해결....
방법은...
img {vertical-align:bottom;}
▼ 문제 있는 모습
▼ 해결된 모습
회사 이벤트 페이지에서 발견!
아래처럼 별다른 코딩없이 <div>에 이미지만 넣었을 뿐인데...
<div><img src="ex1.jpg"></div>
<div><img src="ex2.jpg"></div>
IE6, IE7에서는 문제가 없으나 이상하게 IE8에서만 발생...-_-
이것저것 다해 보다가 결국 해결....
방법은...
img {vertical-align:bottom;}
▼ 문제 있는 모습
▼ 해결된 모습
'IT 소프트웨어 > CSS' 카테고리의 다른 글
| E:first-child, E:lang(c) 유용한 몇가지 CSS (0) | 2010/01/26 |
|---|---|
| float 된 div를 포함한 div의 백그라운드가 안 보일때, float된 div 높이가 브라우저에 인식 안될때 clear해주는 방법 (10) | 2010/01/26 |
| IE8에서 이미지 사이의 여백 생기는 문제 (11) | 2010/01/15 |
| 스크롤바 관련 CSS (0) | 2009/10/20 |
| input 에 클릭하면 사라지고, out 되면 배경이미지가 나타나는 스크립트 (0) | 2009/08/12 |
| input box 클릭하면 사라지는 글자 (0) | 2009/05/19 |
댓글을 달아 주세요
2010/02/05 13:24 댓글주소 수정/삭제 댓글쓰기
비밀댓글입니다
^^ 진심으로~ 감사합니다~~~
감사 2010/04/17 14:48 댓글주소 수정/삭제 댓글쓰기
감사합니다^^
저도 소스짜던 중에 ie8에서만 링크 걸린 이미지 간 자꾸 여백이 생겨서 고민하고 있었는데
포스팅해주신 것 보고 해결했습니다.
정말 감사드려요~
^^ 잘 됐네요~~
고생 많으셨죠? ㅎㅎ
5988 2010/07/02 16:51 댓글주소 수정/삭제 댓글쓰기
와 저도 해결됐어요 고맙습니다!!
^^축하드립니다.!!!
정말 알수없는 문제에 봉착했을때 힘들죠..ㅎ
splus 2011/02/18 12:01 댓글주소 수정/삭제 댓글쓰기
정말 감사드려요 저도 도움 잘 받았습니다~
ㅎㅎㅎ 사소한 곳에 이런 비밀이 있죠^^
얌야미쓰 2011/04/27 17:18 댓글주소 수정/삭제 댓글쓰기
와우~ 정말 감사합니다~ 이거 때문에 참 고민 많이 했어요.
ㅎㅎ 해결되서 잘됐네요..^^
도움이 되셨으면 다음 뷰온이나 믹섭도 부탁..ㅎㅎ
CSS루키 2012/01/12 14:02 댓글주소 수정/삭제 댓글쓰기
아 한참 해멧는데 덕분에 욕봤습니다
감사합니다