vertical centering woes

[gwx03]

I tried using this centering method, which worked for my previous site www.gwx.biz but now fails to work for my new portal www.gwx.biz/KnowledgeSpace/

I had a table and inside the table tags were <td> tags and inside those tags was a <div> tag which is a ".container" class.

My CSS properties are..

.container {
position: relative;
height: 350px;
width: 500px;
border: medium dotted #000000;
text-align: left;
margin: 0px auto;
}

table {
width: 100%;
height: 100%;
}

td {
vertical-align: middle;
text-align: center;
}

You can download the website at www.gwx.biz/KnowledgeSpace/sourceCSS.rar

Please help me.. I'm at my wits end. I've done a lot of googling but my steps seem right!

[benbacardi]

the height property does not work with the XHTML 1.0 Transitional doctype, whether in css or in the html... i have found that problem

[gwx03]

but the table method works on my old site http://www.gwx.biz/index2.html

[gwx03]

Update: Chances are I'll be abandoning this page. Though any help would be appreciated. I'm curious what went wrong. ( and why height works in old site, but not in the newer site )

[benbacardi]

where does it work on your old site? the table i see is bigger than the main page anyway...

[Webforumz Staff]

It's the doctype that really affects how well this works. You can have identical code with different doctypes and it will work with one and not with the other.

[benbacardi]

didnt notice the doctype on his old site lol