IE putting spaces between TR but mozilla looks fine

[dfinn]

The site is :

http://www.santarosacyclery.com/new/best.html

The logo on the left is made up of 3 different images in one single table, but 3 different table rows. It looks great under mozilla on win2k but for some reason IE is putting a space in between the middle image and the bottom image. I have looked over the code a bunch of times now and can't figure out where it could be coming from. It's probably something stupid but I need another set of eyes to look at it.

Thanks
Dan

[bagzy]

Hi Dan
The only thing I noticed was that the <TR> wasnt closed off:
your code:
<TR>
<TD>
<IMG SRC="/images/SR-Logo-3.gif">
</TD>
<TR>

^^^--</TR>

Im not sure if that's the problem, but its worth a try

[dfinn]

I fixed that and it's still happening. I wonder if IE is padding the image for some reason?

It's happening for other people right? And does it look OK in other browserse like Mozilla for other people?

[ray326]

I think it's because you coded the last image like this

<TD>
<IMG SRC="/images/SR-Logo-3.gif">
</TD>

You MUST remember that the IE renderer was written by idiots that take white space into account when they shouldn't. Try

<TD><IMG SRC="/images/SR-Logo-3.gif"></TD>

and see what happens.

Your page would be MUCH better if you discarded the tables entirely and rebuilt it with correct markup and CSS for layout.

[Paul Jr]

Try placing the following CSS rule in your stylesheet:

table td img {
display: block;
}

IE has a little bug that puts a tiny space at the bottom of a table cell when the opening and closing tags aren’t on the same line (and sometimes even if they are); that CSS should fix it right up.

[dfinn]

Originally posted by ray326
I think it's because you coded the last image like this

<TD>
<IMG SRC="/images/SR-Logo-3.gif">
</TD>

You MUST remember that the IE renderer was written by idiots that take white space into account when they shouldn't. Try

<TD><IMG SRC="/images/SR-Logo-3.gif"></TD>

and see what happens.

Your page would be MUCH better if you discarded the tables entirely and rebuilt it with correct markup and CSS for layout.

this fixed it, thanks. when I tried the other suggested fix regarding the css file it shifted all the data cells at the top over to the right.

[Paul Jr]

Ahh, looks like you beat me too it, Ray.

I probably should’ve mentioned what Ray said, but sometimes, due to horrendously long lines, you can’t always have the starting and closing tags on the same line, and the CSS rule usually fixes the error.