Posted by rf on 01/03/08 05:55

"Tomasz J" <nospam@nospam.nospam> wrote in message
news:flg2jo$df0$1@nemesis.news.tpi.pl...
> Hello Developers!
>
> I am pulling my hairs out. IE adds extra space below an image when I align
> it at the bottom inside a table cell.
> Firefox and Opera render as expected.
>
> Simple example available at
> http://my-picture-store.com/test/panelboxtest.htm
> Any ideas? cellspacing and cellpadding is already set to zero.

Time to stop the guesswork :-)

Do it this way:
<TD style="HEIGHT: 1px"><IMG alt="" src="index_files/x.gif"></TD></TR>
instead of
<TD style="HEIGHT: 1px"><IMG alt="" src="index_files/x.gif"> </TD></TR>

and
<TD ...><IMG alt="" src="index_files/x.gif"></TD></TR>
instead of
<TD ...><IMG alt="" src="index_files/x.gif">
</TD></TR> ...

Note the whitespace before the </td> in each case. A space in the first one
and a newline, tab,tab or space,space in the second one.

IE incorrectly *uses* that whitespace. Modern browsers correctly ignore it.

--
Richard.

[Back to original message]