예를들어 아래와 같은 HTML 코드가 있다고 할 때, DOCTYPE 이 세팅된 경우라면 생각하는 대로 표시되는데 DOCTYPE 이 없다면..?
Box 모델을 생각해 볼때, padding 과 margin 을 고려해 볼 수 있는데..
padding 은 IE 와 Chrome 등에서 유효하지만, margin 의 경우 상하는 값을 주어도 적용이 되지 않고 좌우만 수치 조정이 가능.
다음으로 생각해 볼 것은 line-height.. 그런데도 이미지 상하에 여백이 발생한다면 font-size 를 조정해 보세요.
물론, 이미지에는 적용할 필요 없고, 이미지를 감싸는 태그에 적용하면 됩니다.
<html>
...
<style>
...
div.ln1 {width:428px; height:10px; padding:0;margin:0; line-height:0; font-size:0}
div.ln1 img {width:428px; height:10px; padding:0;margin:0; line-height:0;}
...
</style>
...
<div class="ln1"><img src="....gif" /></div>
...
</html>
'Local Oriented > HTML CSS JS' 카테고리의 다른 글
| usemap 사용시 크롬에서 작동하지 않는다면..? (0) | 2013.06.27 |
|---|---|
| 크롬 Chrome 웹브라우저에서 플래시 Flash 를 2개 이상 사용시 정상적으로 보이려면.. (0) | 2013.06.18 |
| 반응형웹 툴, 미디어 쿼리, 모더나이저, 리스폰드 (0) | 2013.04.09 |
| IE에선 보이는데, 크롬에서 배경이미지가 안 보이는 현상 (1) | 2013.03.22 |
| [모음글] 자바스크립트, 자바, Oracle replaceAll (0) | 2013.01.30 |
