Table Vertical Alignment

flatsix · 01-10-2005, 09:34 AM

Hello --

I am having some issues using tables to do vertical alignment.

What I am trying to do is set one table as 100% width and 100% height of a window, then have the smaller content window be valigned to the middle of the 100%/100% parent table. However it seems that the height of the parent table is only as large as the content inside of it.. meaning it won't take up 100% of the window.

Is there a way to make that table take up a true 100% of the height of the window.. or is there a much better way to go about doing this task altogether?

Thanks!

{insert name here} · 01-10-2005, 04:44 PM

What kind of content are you using! Pic? Text? Flash?

flatsix · 01-10-2005, 11:16 PM

Originally Posted by OulZac

What kind of content are you using! Pic? Text? Flash?

Basically it is just one table inside of another.. the inner table will contain text and is appx. 400x400 in size. The outer table is intended just to be a blank placeholder table so that I can align the inner table center and valign middle in an attempt to get it to center on the page.

fisicx · 01-11-2005, 01:25 AM

Get rid of the outer table and use CSS to align your content. Better still get rid of both tables and Use CSS througout.

'valign' is not well supported in all browsers and tables will fight back at any attempt to force then to adopt a paticular size, they will always try to hug the cell content.

Can you post the URL of the page so we can see the problem, easier to help if you can look at something. If you want the CSS code for aligning things try this test page

01-10-2005, 09:34 AM	THREAD STARTER #1 (permalink)
flatsix New Member Join Date: Jan 2005 Posts: 2	Table Vertical Alignment Hello -- I am having some issues using tables to do vertical alignment. What I am trying to do is set one table as 100% width and 100% height of a window, then have the smaller content window be valigned to the middle of the 100%/100% parent table. However it seems that the height of the parent table is only as large as the content inside of it.. meaning it won't take up 100% of the window. Is there a way to make that table take up a true 100% of the height of the window.. or is there a much better way to go about doing this task altogether? Thanks!

01-10-2005, 04:44 PM	#2 (permalink)
{insert name here} Senior Member Join Date: Dec 2004 Posts: 1,304	What kind of content are you using! Pic? Text? Flash?

01-11-2005, 01:25 AM	#4 (permalink)
fisicx NamePros Member Join Date: Nov 2004 Posts: 43	Get rid of the outer table and use CSS to align your content. Better still get rid of both tables and Use CSS througout. 'valign' is not well supported in all browsers and tables will fight back at any attempt to force then to adopt a paticular size, they will always try to hug the cell content. Can you post the URL of the page so we can see the problem, easier to help if you can look at something. If you want the CSS code for aligning things try this test page

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)