How do I center align a Div in my Stylesheet?

Viken Karaguesian wrote:

Hello all,

I'm trying to create a Div style for a website that I'm playing around
with.

I'd like the DIV itsself to be center-aligned, but the text within the
div to be left-aligned. My div style looks like this:

div.main { width: 460; height: auto; text-align: left }

I've tried working other commands in there like:
"align: center" and "position: center" but have not been able to
acheive what I want. How can this be accomplished?

For IE5 you need to set text-align:center on the parent element, for
standards compliant browsers (and IE6 with a doctype) you need to set
the left and right margin of the div to equal sizes. This may be a
percentage, a fixed width, or just "auto". In your case, auto seems
the right way.

http://locusmeus.com/html-css/centeringpage.html

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: The Specials - Too much too young

#divsid { margin: auto 33% auto 33% }

put's it right about center.

Nathan wrote:

#divsid { margin: auto 33% auto 33% }

put's it right about center.

What you do is define, squeeze the content within 34% of the parent
element's width. That's not how to best center an element.

"if both 'margin-left' and 'margin-right' are 'auto', they will be set
to equal values. This will center the element inside its parent."
CSS1 horizontal formating
http://www.w3.org/TR/REC-CSS1#horizontal-formatting

#divsid { margin-left: auto; margin-right: auto; text-align: left;}

Auto value means to take as much as you can once the content has been
rendered. So, maybe the content will use 90% of the parent's width,
leaving 5% for left and right margin, not 34%.

DU
--
The site said to use Internet Explorer 5 or better... so I switched to
Mozilla 1.7.6 :)

Viken Karaguesian wrote:

I'd like the DIV itsself to be center-aligned, but the text within the
http://dorward.me.uk/www/centre/#block
div.main { width: 460; height: auto; text-align: left }
The width property takes a length, not an integer (hint - units are required
for lengths other then zero).

The validator would have picked this up.
I've tried working other commands in there like:
"align: center" and "position: center"

There is no align property and "center" is not one of the accepted values
for the position property. The validator would have picked this up too, as
would RTFMing.

http://www.w3.org/TR/CSS2/
--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is