익스플로러 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' 카테고리의 다른 글
| 표준코딩에서 vertical-align : middle; 적용하기 (6) | 2010.03.11 |
|---|---|
| header 있고 body 있을때 body가 100% 높이 유지하도록 (0) | 2010.03.09 |
| E:first-child, E:lang(c) 유용한 몇가지 CSS (0) | 2010.01.26 |
| float 된 div를 포함한 div의 백그라운드가 안 보일때, float된 div 높이가 브라우저에 인식 안될때 clear해주는 방법 (10) | 2010.01.26 |
| 스크롤바 관련 CSS (0) | 2009.10.20 |
