How to centre a fixed-width box without border

[Dave]

Hi,

I have a centred table 700px wide. I'd like to use CSS instead of a
table. Is the following the best, relatively standards compliant way
for a non-expert to have content centred that will be rendered right
by the main browsers incl IE5.5?

And if you state 0 as a value, does it have to be followed by px or em
etc or can it be left just as 0?

<div style="text-align:center;">
<div style="width:70 0px;margin:0px
auto;text-align:left;padd ing:10px;border :0px;">
</div>
</div>

Thanks
Dave

[Barbara de Zoete]

On 13 Feb 2005 14:17:14 -0800, Dave <ze********@yah oo.com.au> wrote:

Is the following the best, relatively standards compliant way
for a non-expert to have content centred that will be rendered right
by the main browsers incl IE5.5?

Expert or not has nothing to do with the correct way to do things.
And if you state 0 as a value, does it have to be followed by px or em
etc or can it be left just as 0?

A length of zero needs no unit defined.
<div style="text-align:center;">
text-align: is intended to be used with inline elements. A div is not an
inline element.
Use the margin:0 auto; as you do and the div will center itself.
<div style="width:70 0px;margin:0px
auto;text-align:left;padd ing:10px;border :0px;">

Best put these styles in a seperate stylesheet and also: read up on liquid
design (<http://www.google.com/search?q=liquid +design>
--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'

[Blinky the Shark]

Barbara de Zoete wrote:

On 13 Feb 2005 14:17:14 -0800, Dave <ze********@yah oo.com.au> wrote:

<div style="text-align:center;">

text-align: is intended to be used with inline elements. A div is not
an inline element.

You lost me here.

http://www.htmlhelp.com/reference/cs...ext-align.html

"Applies to: Block-level elements"

"The text-align property can be applied to block-level elements (P, H1,
etc.) to give the alignment of the element's text."

Is this deprecated, and not noted as such, there? (Yes, I see the
copyright date.)

--
Blinky Linux Registered User 297263

Who has implemented Usenet Solution #45933:
Now killing all posts made from Google Groups

[Lauri Raittila]

in comp.infosystem s.www.authoring.stylesheets, Barbara de Zoete wrote:

On 13 Feb 2005 14:17:14 -0800, Dave <ze********@yah oo.com.au> wrote:

Is the following the best, relatively standards compliant way
for a non-expert to have content centred that will be rendered right
by the main browsers incl IE5.5?

Expert or not has nothing to do with the correct way to do things.
Correct.
A length of zero needs no unit defined.

<div style="text-align:center;">
text-align: is intended to be used with inline elements. A div is not an
inline element.
Use the margin:0 auto; as you do and the div will center itself.

Yes. But he did say IE5.5.
http://dorward.me.uk/www/centre/#ie
Best put these styles in a seperate stylesheet and also: read up on liquid
design (<http://www.google.com/search?q=liquid +design>

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.

[Lauri Raittila]

in comp.infosystem s.www.authoring.stylesheets, Blinky the Shark wrote:

Barbara de Zoete wrote:

On 13 Feb 2005 14:17:14 -0800, Dave <ze********@yah oo.com.au> wrote:

<div style="text-align:center;">

text-align: is intended to be used with inline elements. A div is not
an inline element.

You lost me here.

Because Barbara snipped bit too agressively, OP had
<div style="text-align:center;">
<div style="width:70 0px;margin:0px
auto;text-align:left;padd ing:10px;border :0px;">
</div>
</div>
http://www.htmlhelp.com/reference/cs...ext-align.html "Applies to: Block-level elements"

"The text-align property can be applied to block-level elements (P, H1,
etc.) to give the alignment of the element's text."

Is this deprecated,
No.
and not noted as such, there? (Yes, I see the copyright date.)

Use real reference:
http://www.w3.org/TR/CSS2/text.html#alignment-prop
http://www.w3.org/TR/CSS21/text.html#alignment-prop (CR)

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.

[Blinky the Shark]

Lauri Raittila wrote:

in comp.infosystem s.www.authoring.stylesheets, Blinky the Shark wrote:

http://www.htmlhelp.com/reference/cs...ext-align.html "Applies to: Block-level elements" "The text-align property can be applied to block-level elements (P, H1,
etc.) to give the alignment of the element's text." Is this deprecated,

No.

Good. Thanks.

--
Blinky Linux Registered User 297263

Who has implemented Usenet Solution #45933:
Now killing all posts made from Google Groups

[David Dorward]

Blinky the Shark wrote:

"Applies to: Block-level elements"

"The text-align property can be applied to block-level elements (P, H1,
etc.) to give the alignment of the element's text."

It aligns the element's text - it doesn't align the element's block
children.

--
David Dorward <http://blog.dorward.me .uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is

[Blinky the Shark]

David Dorward wrote:

Blinky the Shark wrote:

"Applies to: Block-level elements" "The text-align property can be applied to block-level elements (P, H1,
etc.) to give the alignment of the element's text."

It aligns the element's text - it doesn't align the element's block
children.

What I'm having trouble understanding, then, is a case like this:

In this simplified case:

<div style="text-align: foo;>

<div>
<img>
and/or
text

If the second div isn't being styled by the first, how come the image or
text is rendered as foo-aligned? Is the idea/language I should wrap my
head around, here, that style foo is directly applied to image/text,
rather than being applied to the second div which in turn foo-styles
the image/text? Is that in keeping with your explanation, above?

--
Blinky Linux Registered User 297263

Who has implemented Usenet Solution #45933:
Now killing all posts made from Google Groups

[Barbara de Zoete]

On 14 Feb 2005 20:56:37 GMT, Blinky the Shark <no*****@box.in valid> wrote:

David Dorward wrote:

Blinky the Shark wrote:

"Applies to: Block-level elements" "The text-align property can be applied to block-level elements (P, H1,
etc.) to give the alignment of the element's text."

It aligns the element's text - it doesn't align the element's block
children.

What I'm having trouble understanding, then, is a case like this:

In this simplified case:

<div style="text-align: foo;>

<div>
<img>
and/or
text

If the second div isn't being styled by the first,

Oh, but it is. In a way. It's children inherit values appropriate. A block
level element like the first child is, will not be centred. But inline
content of both the first div and the child div will, unless it is
otherwise specified.
--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'

[David Dorward]

Blinky the Shark wrote:

It aligns the element's text - it doesn't align the element's block
children.

In this simplified case:

<div style="text-align: foo;>
<div>
<img> If the second div isn't being styled by the first, how come the image or
text is rendered as foo-aligned?

The default value for the text-align property is "inherit", so unless you
explicitly specify the value of the property from an element, it will use
the same value as its parent.

That is the same as:

<div style="text-align: foo;>
<div style="text-align: inherit;>
<img>

and thus:

<div style="text-align: foo;>
<div style="text-align: foo;>
<img>
--
David Dorward <http://blog.dorward.me .uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is