VALIGN Problem in IE Only?

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Alex Maghen - 15 Feb 2008 12:30 GMT

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

Reply to this Message

Anthony Jones - 15 Feb 2008 13:23 GMT

> 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>)
[quoted text clipped - 11 lines]
>
> 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.

Signature

Anthony Jones - MVP ASP/ASP.NET

Reply to this Message

Alex Maghen - 15 Feb 2008 13:56 GMT

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

:) Thanks so much!!!

Alex

> > 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
[quoted text clipped - 20 lines]
>
> That little gap will disappear.

Reply to this Message

VALIGN Problem in IE Only?

Free Magazines