Vertical Align to Bottom

tox0tes · #1 (**permalink**) Jan 14th, 2007, 02:01

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.

Ryan Fait · #2 (**permalink**) Jan 14th, 2007, 10:41

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

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

Lchad · #3 (**permalink**) Jan 14th, 2007, 11:35

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!!!

tox0tes · #4 (**permalink**) Jan 14th, 2007, 17:21

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:

Quote:

ukgeoff · #5 (**permalink**) Jan 14th, 2007, 17:44

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.

tox0tes · #6 (**permalink**) Jan 14th, 2007, 17:54

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"

Ryan Fait · #7 (**permalink**) Jan 15th, 2007, 00:35

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.

moojoo · #8 (**permalink**) Jan 16th, 2007, 15:36

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?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Vertical Text Align	Biddlesby	Web Page Design	1	Mar 13th, 2008 22:39
CSS Vertical Menu. Can someone help?	CoolNeb	Web Page Design	3	Jul 16th, 2007 18:00
Div Vertical Align	jwalker80	Web Page Design	5	Jan 30th, 2007 23:34
align text to bottom of div?	JETshipJUMBO	Web Page Design	9	Aug 6th, 2006 07:29
vertical-align problems with inline elem. and floated elem.	gogogadgetearl	Web Page Design	2	Jun 3rd, 2005 18:55

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Vertical Align to Bottom