Pushing the content to the bottom of a <td></td>

[AffiliateDreamer]

Hi,

I need to push apart of the content inside of a <td></td to the bottom of the cell.

So I have:

<td widht=500>
<p>some article text here</p>
XXXXXXXXXXXXXXXXX
</td>

The XXXXX area is where I want the text to be pushed to the bottom of the cell, as of now the text is appearing just below the <p></p> text.

[choster]

In transitional doctypes, you can use <td width="500" valign="bottom"></td>.

In CSS, setting td {vertical-align:bottom} works (even though I am told that was not the original purpose of the vertical-align rule).

[AffiliateDreamer]

hi, thanks for the response.

actually I want the text inbetween the <p></p> to be as it is now, I just want the XXXX part to be on the bottom of the cell.

[oxbaker]

put the XXXX in a new row with vAlign = "bottom" anything else in that cell will also be pushed to the bottom. its by design.

[AffiliateDreamer]

ok its not working, the problem is the outer <td> has valign=top.

So I have:

<td valign=top> #1
<table ...>
<tr>
<td>
TEXT that should be valigned to the top
</td>
</tr>
<tr valign=bottom>
<td>
should be on the bottom
</td>

</tr>
</table>
</td>

that doesn't seem to work.

And if I removed the valign=top from #1 the entire text is centered regardless of what I do in the inner tr's or td's.

[rocknbil]

<tr valign=bottom>
<td>
should be on the bottom
</td>

Take the valign out of the TR and put it in the TD.