Left align images leave gap in table

asenft · Joined: 05 Oct 2008 Posts: 2

There is a small vertical gap on the left side of this image using IE 7.0. It does the same thing for right aligned images too. It looks fine under Mozilla. Any clue of fix or bug?

link to below code:
http://www.rosegarden.ws/test.html

----------------------------------------------------
<html>
<body>

<table border=1 cellspacing=0 cellpadding=0 align=center>
<tr>
<td><img src="/images/cross-yellow.jpg" border="0" width=40 height=40 align="left">Small gap on the left</td>
</tr>
<tr>
<td><img src="/images/cross-yellow.jpg" border="0" width=40 height=40 align="right">Small gap on the right</td>
</tr>
</table>

</body>
</html>

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1274 Location: Biloxi, MS

That's an IE bug that's usually not worth fixing and what happens when you use tables for page layouts. To really do it right, you'll notice the below code puts the images right up next to the td borders as it should and that the td border does not interfere with the actual table border.

asenft · Joined: 05 Oct 2008 Posts: 2

Obviously that was sample code that I threw up there but the original had an old Doctype. I updated that to yours and now everything is aligned.

Thank you!!!!

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1274 Location: Biloxi, MS

You're very welcome.