align="center" in CSS

crmpicco · February 20th, 2006, 12:00 PM

Code:

  <table border="1" bordercolor="#000000" align="center" cellpadding="0" cellspacing="0" width="360px">

I am building a table with the code above, is there a way to align the table center with CSS?

Picco

www.crmpicco.co.uk

ceadge · February 20th, 2006, 02:32 PM

Try this:

table
{
margin-left: auto;
margin-right: auto;
}

richard.york · February 20th, 2006, 02:35 PM

Or simply

margin: auto;

or more precisely

margin: 0 auto;

In the second one, top and bottom margins are zero as auto has no effect on the top and bottom, left and right are auto.

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design

crmpicco · February 21st, 2006, 05:45 AM

Code:

  <td style="margin:0 auto">
  <table cellpadding="0" cellspacing="0" class="center_table">

using margin: 0 auto on the <td> cell doesnt seem to work, but when i put the align="center" back into the table its fine? the table 'center_table' is in a td cell. is there a way to put a style on the <td> that will align center?

www.crmpicco.co.uk

crmpicco · February 21st, 2006, 05:48 AM

Code:

  <td align="center">
  <table cellpadding="0" cellspacing="0" class="center_table">

also seems to work ok as well??

www.crmpicco.co.uk

richard.york · February 21st, 2006, 09:31 AM

margin: auto works on tables and block elements. So it doesn't center the contents of a cell, it centers the table. For the contents of the cell to be centered, it depends on what is in them.

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design