Actually, Geoffrey, you are correct in the case of modern standards
compliant browsers. The text-align: center is for the benefit of IE6
(and lower, I presume) which doesn't seem to obey margin:auto too
well. By using the approach mentioned above (text-align: center on the
body, and margin: 0 auto on the container block), you make sure all
browsers will center your content block correctly.
Geoffrey Hoffman wrote:
>
> If you have a div id wrapper with width:800px margin:0 auto; isn't the
> text-align:center redundant? I've only ever used
>
> #wrapper {
> margin:0 auto;
> width:800px;
> text-align:left;
> }
>
> I've never put text-align:center on body.
>
> Actually all you need is to specify a width (it can be relative or fixed)
> and use
> margin-left:auto;
> margin-right:auto;
>
>
»Roger Gordon
-----------------------------------------------------------------------------------
http://rogergordon.net
+27 (0)76 306 4578
-----------------------------------------------------------------------------------
Help hungry people eat, free of charge.
http://www.thehungersite.com/clickToGive/home.faces?siteId=1
http://www.freerice.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
