When will <td valign="top"> not work?

css html-table valign
omg picture omg · Aug 25, 2009 · Viewed 14.5k times · Source

Have you ever concluded about this?

Now I've met one, very strange, don't know why.

My code:

<td valign="top">
    <input type="text" />
    <iframe scrolling="no" height="21px" frameborder="0" width="62px" marginheight="0" marginwidth="0" src="Server/SecCode.php">
    </iframe>
</td>

But it turns out to be that the "input" is valigned to the bottom,while "iframe" to the top.

Answer

simpleengine picture simpleengine · Jan 10, 2012

I experienced something similiar, when I added the css code

<td style=" vertical-align: top;" >

manually within the td tag it corrected the problem for me.

Related questions

valign=“top” not working in td

My problem is posted as "solved" here, but apparently I don't understand the solution (?). I have piles of legacy html that appears to be starting to fail in my browser, I dunno why, maybe because of "unsupported" attributes? (Extremely frustrating, …

Read More
valign not working on a td?

I have a table that contains a form, in the left col is the name of the field, and i would like to set the text to the top of the td, as at the moment the text is at …

Read More
Set cellpadding and cellspacing in CSS?

In an HTML table, the cellpadding and cellspacing can be set like this: <table cellspacing="1" cellpadding="1"> How can the same be accomplished using CSS?

Read More