Go Back to Dynamic Site Solutions :: CSS

Vertically Centering Elements of Unknown Heights with CSS

Demonstration

This paragraph and the header and list following it should be vertically centered in the light-blue area. This method works in IE5+/Win, Opera 5+, Netscape 6+, Firefox, Safari, Konqueror 3, and iCab 3. It does not work in Netscape 4.x or IE/Mac. In some cases this method works in IE4/Win, but not in others. I would like to thank Paul O'Brien for showing this method to me. Check out the Related Links and Sources for more information.

Related Links and Sources:

Last update: 2006-11-21