Vertical Align to Bottom

On this page: http://205.234.145.204/~nikes/catalog.shtml

I want to align the price and "buy it now" button to the bottom of the TD cell. I tried using valign="bottom", but it doesn't do anything.

http://www.htmldog.com/reference/css...ertical-align/

I can't remember if this works in IE, though.

Hi Dane, I usually struggle with this as well. I just end up putting in another row and putting all my prices and buy now buttons in the new row. Then I'm sure they align all together across the page.

Peeked at the site.. looking good!!!

Ryan, I already tried all those things. I think the reason why those dont work is because all the content is within one cell, and I want some of that content to stick at the top, and some of it to stick at the bottom, which doesn't work.

Lchad, that's what I was trying to do just now but the problem is that I am using cellspacing="10" and cellpadding="5" on the table, which makes two different cells separated with white lines. This is the table that separates each sneaker design. But, within each cell of that table, there is another table which, if only I could make the height=100%, which of course doesn't work, it would fill up the entire cell and everything would be lined up perfectly. Here is the code:

Personally, I think you should rethink your layout methods.

You are using tables as a layout tool which is not what they were intended for and yours is hopelessly complex. Tables inside tables inside divs inside tables...

You could do this with a fraction of the layout complexity you currently have using divs and the proper application of css. There are plenty of people here to help you if you give it a go.

Oh, and put all your css in a seperate file which you <link... into your main pages.

This is one thing Im certain would be a lot more difficult in CSS. What I am doing here is tabular data, lots of repetitive cells. It's nice of you to critique my code, but I am looking for a quick fix that I have logically not seen yet using what I have here. Maybe something along the lines of taking out a cell, inserting a cell, splitting a cell, etc. etc. NOT "change the whole thing to CSS"

You can try using positioning, but it is really a bad way to do it. I'm afraid this is one of those things that no one has come up with an easy solution. And that is not tabular data.

You're putting yourself between a rock and a hard stone here, Dane. Most people who know CSS don't use it with tables because it's an absurd idea. I just wish you'd realize that we are being extremely helpful. You just won't hear it because you're looking for nothing but a "quick fix" and too stubborn to get out of your rut.

Maybe I am way off here but don;t the TD's have a specified height? Couldn't you just use padding or margin on the stuff?

__________________
I hate IE 6. Just sayin....