CSS vertical centering

I think this might be helpful:

http://www.wpdfd.com/editorial/thebox/deadcentre4.html


I don’t see any reason why the embedded style information wouldn’t validate, and it doesn’t have any hacks.

I checked it and it works in IE6, IE7, and FF2.

Jesse

That’s a good technique, but doesn’t work for elements of unknown height. The technique mentioned above doesn’t require you to specify the height of the immediate containing box, which has been so difficult to achieve.

Quote from: jesster444 at Dec 16, 2006, 10:18 AM

I think this might be helpful:

http://www.wpdfd.com/editorial/thebox/deadcentre4.html


I don’t see any reason why the embedded style information wouldn’t validate, and it doesn’t have any hacks.

I checked it and it works in IE6, IE7, and FF2.

Jesse

Dude! That is rad.
I am definitely going to use this. Thanks for the tip.
See, this is why this sub-forum is important. It’s turning out to be a real expert’s exchange of tips and tricks.
I can’t get enough of this stuff!

-sD-
Dr. Scotty Delicious, Scientist.

One thing to look out for with the alternate vertical centering technique for boxes of known height, is small browser windows. Your content can disappear outside the viewport with no scroll bars. Other than that, though, it’s very cool indeed.