IE는 이미지 주위에 여분의 패딩을 추가합니다.

이미지에 여분의 패딩을 추가하는 데 문제가 있습니다. 포럼을 검색했지만 내 문제에 대한 해결책을 찾지 못했습니다.IE는 이미지 주위에 여분의 패딩을 추가합니다.

첫 번째 이미지는 다른 모든 브라우저에서의 모습 (두 번째 이미지)과 두 번째 이미지 (IE에서 보여주는 것)를 보여줍니다.

이미지는 다음 코드 표 셀이다

<td width="372" rowspan="3" align="center" valign="middle" style="border:1px solid #ADE1EF; padding: 5px;"> 
<img id="image1" src="http://siteaddress.com/image.JPG" style="width:368px; height:370px;" /> 
</td>

enter image description here

어떤 도움이 이해 될 것이다.

출처

2013-08-03 a.m

피들 또는 somelike를 추가하십시오. –

어떤 버전의 IE를 사용하고 있습니까? 그리고 더 많은 코드를 보여줍니다. 마크 업이 유효하지 않을 수 있습니다. IE는 그것에 대해 매우 엄격합니다. – putvande

문제는 표 셀 서식에 관한 것입니다. IE에서는 표 셀이 서로 닿지 않고 서로 닿아 있습니다. 다른 브라우저에서는 접촉하지 않고 그들 사이에 간격이 있습니다. 나는 IE가 다르게하고있는 이유를 조사하지 않았지만, 당신이 볼 수있는 곳은 테이블의 셀 너비와 여백이 어떻게 지정되었는지, 이미지와 관련이 없는지입니다.

출처

2013-08-03 21:01:31 jfriend00

IE 9, 10 및 11 Dev Preview에서 테스트했습니다. 세 명은 같은 방식으로 보여줍니다. 글꼴 크기 트릭을 시도했지만 작동하지 않습니다. 위에 게시 한 코드는 한 줄에 있습니다. –

@DJAntie - 야생 추측 이외의 다른 것을 원하면 작업중인 이미지 링크의 문제를 보여주는 jsFiddle 링크를 게시하십시오. 또 다른 야생 추측은 IE가 CSS로 재정의 할 수있는 이미지의 기본 좌/우 패딩 또는 여백을 가지고 있다는 것입니다. – jfriend00

이것은 다음 페이지입니다 : http://www.ebay.co.uk/itm/290954454845?var=&ssPageName=STRK:MESELX:IT&_trksid=p3984.m1558.l2649 동일한 문제는 갤러리보기에 있습니다 : http :// /stores.ebay.co.uk/Kids-Chic-Shop/_i.html?_fsub=9271186018 –

IE는 이미지 주위에 여분의 패딩을 추가합니다.

답변

관련 문제