[SOLVED] centering a container <div> on a page?

[immanuelx2]

how can i set my <div class="container"> to be in the center of the page, with a width of 800px ?

 

div.container {width:800px; align:center;} no worky

[immanuelx2]

figured it out...

In mozilla you can do the following:

div.container {width:800px; margin-left:auto; margin-right:auto;}

 

In IE you have to use 2 divs...

div.page {text-align:center;}
div.container {width:800px; text-align:left;}

[bronzemonkey]

I think if you use

body {text-align:center}

then you don't need 2 divs for IE

[pikemsu28]

i use:

html body { text-align: center; }

in IE 7 to center containing divs

[calabiyau]

I still use IE 6 and margin-left: auto margin-right: auto has always worked to centre things in that browser.  Does this no longer work for IE 7?  Why the need for separate rules for IE from Firefox?

[ToonMariner]

margin: auto is the preferred method...

 

IE7 is much closer to a standards compliant browser than previous incartnations so the need for separate css should diminish over time.