img tag is leaving gap in table cell in internet explorer

Asked Jan 22 '14 at 23:44

Active May 13 '17 at 14:21

Viewed 174 times

Here is the HTML

<table width="100%" cellspacing="0" cellpadding="0">
<tr><td><img src="/someimage"/></td></tr>
<tr><td><img src="/someimage"/></td></tr>
</table>

I want to stack two images without any gap. Thus cellspacing and cellpadding set to 0.

In all browser, it works fine. But in IE, I see small gap between two images.

I can't figure why it is doing this. Does anyone have any idea ?

edited May 13 '17 at 14:21

asked Jan 22 '14 at 23:44

Ravi

Do you have any CSS rules applied to the table? – Dai Jan 22 '14 at 23:47
1

Did you try removing the space between the `` and the `` tags? Sounds silly, but that's IE for you. :) – SeeMeCode Jan 23 '14 at 00:00
Same happens in firefox, btw.. – sinisake Jan 23 '14 at 00:07
@Dai no css applied to the table. – Ravi Jan 23 '14 at 00:08
@SeeMeCode yes there is no space between and Yes, it happens in Firefox 17 as well. – Ravi Jan 23 '14 at 00:09
1

https://developer.mozilla.org/en-US/docs/Images,_Tables,_and_Mysterious_Gaps add display:block to image... http://stackoverflow.com/questions/2279396/how-to-remove-unwanted-space-between-rows-and-columns-in-table – sinisake Jan 23 '14 at 00:09
@nevermind yes making as block element removed the gap. Thank You. – Ravi Jan 23 '14 at 00:15

0 Answers0