Centred fixed-width layout

MOH

Very basic question. I have a 3 fixed column layout which I want centred when the viewport is wider than the columns. Can I do this in CSS? Or do I need a script which I presume just sets the left of the containing <div> whenever the window is resized?

egan007

Just set the margins in the surrounding div as follows

#wrap {
margin:0px auto 0px auto;
}

MOH

Ah brilliant, knew there had to be an easy way!

Thanks a million.

Gordon

I think you have to add text-align:center for IE5/6 also.

egan007

The above works fine across the board.
Use it all the time

DJB

or the shorter code of:

#wrap {margin: 0 auto;}

Not much shorter but I always like to use shorthand as much as possible. Yeah, it works across the board.

charybdis

Or skip the extra div:

body {
  width: whatever;
  margin-left: auto;
}