CSS Forum

**ChipJohns** · 12-11-2006, 01:12 AM

Hi all,

Need a little help.

Can't figure out the best way to do this. Well, actually, I haven't figure anyway to make it work.

I want the h1 and p elements to remain at the top of the table cell
while the div will align with the bottom of the table cell

HTML Code:

<table width="200" height="400" border="1">
<tr><td align="left" valign="top">

<h1>Content</h1>
<p>Content</p>

<div id="bottom">content</div>

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

I know, I know, tables! Not my design. I am adding something to an existing page. eCommerce site that is build with asp. So much coding that it would not be cost effect to change this. I must keep the layout as it is.

I was asked if I can get the Thawte Security info to align with the bottom of the table cell. there is, of course, other info in the cell.

Any help would be appreciated.

Thanks all.

~Chip

**blackhawkpowers** · 12-11-2006, 05:38 PM

give this a shot

HTML Code:

<table width="200" height="400" border="1">
<tr><td align="left" valign="top">

<h1>Content</h1>
<p>Content</p>

<div id="bottom" style="vertical-align: bottom;">content</div>

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

</SPAN>

hope it works for ya

**ChipJohns** · 12-11-2006, 06:56 PM

Quote:

Originally Posted by blackhawkpowers

give this a shot

HTML Code:

<table width="200" height="400" border="1">
<tr><td align="left" valign="top">

<h1>Content</h1>
<p>Content</p>

<div id="bottom" style="vertical-align: bottom;">content</div>

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

</SPAN>

hope it works for ya

Thanks Dustin,

Logic almost tells you that would to it. What this actually does is align the contents within the div to the bottom. It doesn't have any enfluence on the position of the div itself.

Thanks though. I appreciate it.

~Chip

**ChipJohns** · 12-11-2006, 07:16 PM

Dustin,

I see you're here in Savannah..?? Which airfiled do you work at?

I live over on Wilmington Island, just east of Savannah.

My wife works out at FlightSafety..

**blackhawkpowers** · 07:25 PM

Well I tested this out today and it works for what you want although I am sure there is a better way to do it. Since your table has a fixed width it shouldn't be to big of an issue using this way however I'm sure if were not a fixed height there could be issues maybe someone else can post a better answer but until then...... here you go

HTML Code:

<html><body>
<table width="200" height="400" border="1">
<tr><td align="left" valign="top">
<h1>Content</h1>
<p>Content</p>
<div id="bottom" style="position: relative; bottom: -280px;">content </div>
</td></tr></table>
</body></html>

editing post just saw that you made that post back to me I'm at HAAF and very familiar with Wimington my best friend lives out there.