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