Can't vertically-align HTML in IE

[talkinggoat]

I've been trying for 2 days to get my text to vertically-align middle in IE, but it just won't listen. I'm building the site www.acadianacomputerrepair.com; the title and menu items need to be aligned to the middle of their div containers, but they want to float to the top.

I'm setting the parent div's as tables and the child as a table-cell. It works great in firefox and perfect, even in IE, on a simple html test page, but I can't get it to work for the site. I don't know what else to try.

Can someone help?

[talkinggoat]

sorry, the correct address is www.acadianacomputerreapir.info, not .com.

[xetea]

It seems to work fine in Firefox 3.6.11, can you post a screenshot of it? Or did you post a link to the test site?

[talkinggoat]

Check my second post, it's got the correct link to the test site.

[xetea]

The second link doesn't work at all, I guessed it should be http://www.acadianacomputerrepair.info/ and that site worked fine for me.

[talkinggoat]

Stupid brain to fingers... Did you check it in IE? It should be aligned to the middle of its div, in the middle of the background. It works in Firefox, not in IE.

Everyone keeps telling me it's impossible, IE doesn't support the "Table" and "Table-Cell" display properties, so I made this test page:

www.acadianacomputerrepair.info/test2.html

[talkinggoat]

here is a screenshot:
http://www.acadianacomputerrepair.in...test_image.png

Am I doing something different?

[talkinggoat]

It looks like my hosting software is re-writing the doct type. That's why it works on the test page and not the actual site. I'll see if I can correct it and let you know...

[talkinggoat]

SUCCESS!!!

I changed the doctype to <!DOCTYPE XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

and everything in IE started lining up!

For anyone using DotNetNuke's hosting software, this solution worked for me:

Create an XML file named after your loaded skin, like this:
Example:default.html
XML: default.doctype.xml

Inside, place the doctype you want, escaping out the characters...

<SkinDocType>
<![CDATA[<!DOCTYPE XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">]]>
</SkinDocType>

There should be nothing else in it... parse the skin package and reload. You're done.