Home/ Questions/Q 532971
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T09:27:38+00:00

I have seen several methods for creating simple fixed width single column layout using

  • 0

I have seen several methods for creating simple fixed width single column layout using CSS. I like the one shown here because there is very little code involved and it works on every browser I have tried. 

#container {
  margin: 0 auto;
  width: xxxpx;
  text-align: left;
}

<body>
  <div id="container">
    ...entire layout goes here...
  </div>
</body>

The author mentioned that he received some criticism. I not a web developer so I wanted to ask the community what they thought about this approach. More specifically is there a better/more compatible way to accomplish this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The “margin: 0 auto” is the best way to do it, you just have to be sure to have the right doctype for it to work. I always use XHTML strict – others will work too. If you don’t have a good doctype, the content won’t center in IE6

    To implement the XHTML strict doctype, put this above your node, as the first line in the page:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    • 0