How to center a DIV

Another one of those useful bits of information that I can never remember, so post it here to help myself (and maybe others!).

#Wrapper {
width: 800px;
position: relative;
left: 50%;
margin-left: -400px; /* half the width of the div */

personally, I prefer a fixed width content pane and so this is the cleanest solution for me.

Did you know you can hire me?

I take on projects of all sizes. From Consulting to large Development Projects.

If you're starting a new Yii project and would like some help to get setup and running or you need some help with a particular module or you just need someone to develop the whole dang thing, then just ask ...

Beginning Yii ...

I'm very excited about a new Yii Training course that has just been published.

The course is designed for anyone wanting to learn Yii, whether new to frameworks or converting from another.

Eight chapters, each having five videos of between 3 and 5 minutes, take you through the basics of the Yii Framework, building a web application step-by-step.

Save 40% - introductory offer $20.99 / £13.19 / €16.19 / A$20.99

Leave a Comment