묻고답하기
1.7업데이트후 테이블 간격 문제
2013.05.27 23:05
---제가 질문을 잘 못 작성한 것 같아 다시 수정합니다 ---
1.5에서 테이블코딩을 했을때는 아무 문제가 없었는데,
1.7로 코어 업데이트를 한 후부터(1.7을 처음부터 설치, 사용해도) 테이블안에 위, 아래로 이미지를 넣으면 일정한 간격이 생깁니다.
<table width="1080" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="/sub1_3" target="_self"><img src="/img/banner1.gif"></a></td>
<td><img src="/img/banner2.gif" /></td>
<td rowspan="2"><a href="/sub2_1" target="_self"><img src="/img/banner5.gif"></a></td>
<td><a href="/sub4_1" target="_self"><img src="/img/banner6.gif"></a></td>
<td><img src="/img/banner7.gif"/></td></tr>
<tr><td><img src="/img/banner3.gif" /></td>
<td><a href="/sub7_1" target="_self"><img src="/img/banner4.gif"></a></td>
<td><img src="/img/banner8.gif" /></td>
<td><a href="/sub5_1" target="_self"><img src="/img/banner9.gif"></a></td></tr>
</table>
banner1.gif과 banner3.gif 사이, banner2.gif 와 banner4.gif 사이, banner6.gif 과 banner8.gif 사이 이런식으로 위, 아래 간격만요.
banner1.gif과 banner1.gif2 사이처럼 같은<tr>안에 들어있는 것은 괜찮습니다.
여튼 줄 바꿈이 되면 간격이 벌어지네요.
호환성보기로 하면 제대로 나오구요,
익스플로에서는 메타테그를 넣으면 자동으로 호환성보기가 실행되어져서 해결방법이 생기는데,
크롬이나 파이어폭스등에서는 이런 방법도 안먹힙니다.
ㅜ.ㅜ 뭐가 문제일까요;;; 이미지와 이미지를 간격없이 딱 붙게 하고 싶은데 통이미지를 쓰는 거 외에 방법이 없네요
고수님들~답변 부탁드려요~ ㅠ.ㅠ
display:block
혹은
vertical-align:middle 혹은 bottom 처리