Perfectly Centered via CSS

By: Justin Braun
Posted on: February 8, 2010

One thing that has always been a struggle is how to perfectly center an object (for example, a DIV) both horizontally and vertically on a page. 

The other night I was searching for a better way to do this via CSS instead of using nested tables.  I came across Dead Centre, a website that demonstrates exactly how to accomplish this.  You can see some of the detail on the webpage itself, but also take a look at the source for more details on how this was executed.

This provided a truly dynamic design that was 100% CSS-based and works across all browsers.

Related Articles

Improper Rendering of XAML?

I’m working on a project right now and have noticed that XAML seems to be incorrectly rendered in

An Early Look At IE9 for Developers

If you are one of the lucky few to be attending PDC in Los Angeles, CA this week, you probably got a

Date Tracker Sidebar Gadget

I've changed my mind and decided that a Date Tracker will be the Vista Sidebar Gadget that will be the subject of my series on gadget development.