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

Twitter

I'm still trying to understand the premise behind Twitter.  It's one of those projects that rea

Microsoft Web Platform Installer 2.0 RC

If you haven’t checked it out, do it now.  The Web Platform Installer makes your life a lot e

TweetNow

  The concept is simple.  You need to update your status or send a quick tweet.  You