VALIGN Problem in IE Only?

Again, my oppologies if this is not *exactly* on topic. But please help if
you can: I am having trouble with the VALIGN property of a table cell (<TD>)
only in Internet Explorer. In FireFox, it works exactly as expected.

When I set <TD valign="bottom">, in FireFox, the image that I place inside
the TD is completely flush with the bottom of the cell. But in IE, there is a
gap.

Also, one more note: The MS Visual Studio 2008 HTML "Design" view *also*
shows it correctly (like in FireFox).

I have a very simple sample HTML file, as well as screen-shots from IE and
FireFox, but I guess I can't upload them here.

Any help would be MOST appreciated!

Alex

Alex Maghen

"Alex Maghen" <> wrote in message
news:1E9991BB-0CBD-433E-A105-...
> Again, my oppologies if this is not *exactly* on topic. But please help if
> you can: I am having trouble with the VALIGN property of a table cell
(<TD>)
> only in Internet Explorer. In FireFox, it works exactly as expected.
>
> When I set <TD valign="bottom">, in FireFox, the image that I place inside
> the TD is completely flush with the bottom of the cell. But in IE, there
is a
> gap.
>
> Also, one more note: The MS Visual Studio 2008 HTML "Design" view *also*
> shows it correctly (like in FireFox).
>
> I have a very simple sample HTML file, as well as screen-shots from IE and
> FireFox, but I guess I can't upload them here.
>
> Any help would be MOST appreciated!

IE has a bug where it treats white space following the img before the </td>
as significant in some way. If you make sure the output is like this:-

<td valign="bottom"><img ... /></td>

That little gap will disappear.

--
Anthony Jones - MVP ASP/ASP.NET

Anthony Jones

All I can say is, OH MY G-D! Are you kidding? How do they *do* these things?
Thanks so much!!!

Alex

"Anthony Jones" wrote:

> "Alex Maghen" <> wrote in message
> news:1E9991BB-0CBD-433E-A105-...
> > Again, my oppologies if this is not *exactly* on topic. But please help if
> > you can: I am having trouble with the VALIGN property of a table cell
> (<TD>)
> > only in Internet Explorer. In FireFox, it works exactly as expected.
> >
> > When I set <TD valign="bottom">, in FireFox, the image that I place inside
> > the TD is completely flush with the bottom of the cell. But in IE, there
> is a
> > gap.
> >
> > Also, one more note: The MS Visual Studio 2008 HTML "Design" view *also*
> > shows it correctly (like in FireFox).
> >
> > I have a very simple sample HTML file, as well as screen-shots from IE and
> > FireFox, but I guess I can't upload them here.
> >
> > Any help would be MOST appreciated!
>
> IE has a bug where it treats white space following the img before the </td>
> as significant in some way. If you make sure the output is like this:-
>
> <td valign="bottom"><img ... /></td>
>
> That little gap will disappear.
>
> --
> Anthony Jones - MVP ASP/ASP.NET
>
>
>

Alex Maghen