Help with Valign="middle, but still valid

[ifunky2]

I can't seem to get a simple solution to work, that is both working and w3c valid.
Problem:
"to make a 450px tall box center on any page/ monitor size and res."

If you look at these two examples >
http://www.sightdeezygn.com/dev3/

"test-a" does what I need done, but it only works with no document type therefore will not validate.
"test-b" Validates clean (with doc type Xhtml 1.0 trans)..

It seems to be one or the other ?
I really need this to work, If anyone can help I would be indebted. Please "Know" that your (if any) suggested fixes works or test it first. I have allready spent tons of time on this little "buggah"
so remember the solution needs to work and it needs to validate clean.

[Rob]

I dont think a solution has ever been found to this.....

Vertically center a box on screen without tables using valid markup..... nope, can't be done currently cross browser, but I would LOVE to be proved wrong.

[ifunky2]

Rob :
Thankz for the vote of confidence lol

Nobody said anything about it having to be "tableless"
I used one big fat table on each of the above mentioned examples.

I may have found a solution though, it happens to be tableless though

After I get some coffee down my gulet, I will try, if successful I will be back to post the solution I found (shortly I hope)

[ifunky2]

I just tested and felt my way around,
and it turns out (wanting to avoid them anyway) Tables were not the answer, at least not for me and this situation. I went with the just off center (-neg margin of 1/2 the page dimension) "absolute" positioning.

index-a.html:
http://sightdeezygn.com/dev3/test-a.html
No doc type, but the <tr vertically centers fine. But it wont validate with no doctype.
index-b.html:
http://sightdeezygn.com/dev3/test-b.html
Has a doc type and validates, but..
It breaks the vertical centering effect of valign="middle" in the table markup.
index-c.html:
http://sightdeezygn.com/dev3/index-c.html
Is not just valid xhtml 1.0,
but a css tableless solution tah boot!

[Rob]

Originally Posted by ifunky2

http://sightdeezygn.com/dev3/index-c.html
Is not just valid xhtml 1.0,
but a css tableless solution tah boot!

shame about Mac IE though.... nice though!!

Maybe you should turn this into a tutorial and submit it to our articles section.... it would make a very nice addition.

[ifunky2]

Hmm "mac IE"
didn't view it in that
<-- busts out the old "bubble" imac
/hmm tutorial..... maybe web forumz would also like >>
http://www.sightdeezygn.com/if-blog/e1.html
http://www.sightdeezygn.com/if-blog/e2.html
/wonders where would they be posted? they need to be reskinned etc, what is the accepted format for a tut' submission?

[Rob]

Hi... you can submit them in Standard HTML!

Maybe they need a little more explaination at the start... an introduction.

[craig]

moojoo created something like this in css.
Take a look at his site,
http://www.moojoocreative.com/samples/centered_3_col/

and of course his design is Valid XHTML 1.0 Strict!
Nice!