W3C home > Mailing lists > Public > www-style@w3.org > May 2001

CSS to center a table?

From: Michael D. Crawford <crawford@goingware.com>
Date: Sat, 19 May 2001 11:30:29 -0400 (EDT)
Message-Id: <200105191530.LAA14918874@smtp2.mail.iamworld.net>
To: www-style@w3.org
Cc: "Michael D. Crawford" <crawford@goingware.com>, fahrner@pobox.com
[redirected from www-talk -Al]

Is there a way to use cascading stylesheets to center a table 
horizontally on a page?

I can give offsets in absolute values or percentages from the left or 
right, but my tables have different widths.  I'd like each table in my 
page to be centered no matter how wide or narrow it may be, using the 
same class for such tables.

What happens when I try using text-align on the table is that the text 
in the tables cells is centered within the cells.  I want the cell text 
to be left justified but for the table to be centered as a whole.

(Actually, checking other browsers, in Netscape 4.73 on Linux nothing
happens, and Mozilla 0.9 on the Mac I get the behaviour I describe.  I
can't get Netscape on the Mac to pick up stylesheets from a linked file.
Internet Explorer 4.01 on the Mac does what I want.  What's the deal?)

Here's my first attempt:

In article.css:

<!-- My CSS
table.center {text-align: center}
-->

in my article:

<table class="center">
<tr><td>Some Text</td></tr>
<tr><td>Some Longer Text</td></tr>
</table>

This comes out like the following, with the text centered in the cells:


    Some Text
Some Longer Text

What I want is the following, with the text left-justified in the cells 
but the whole table centered:

                              Some Text
                              Some Longer Text
Received on Monday, 21 May 2001 08:42:24 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:09 GMT