Alligning a table to the center

[BinaryBird]

Hi, i am having trouble trying to center a table. Here is the html and css code:

<div id="maintable">
<table>
<tr>
<td>
No of visitors:
</td>
<td>
<?php

include( "./counter/counter.php" ); ?>
</td>
</tr>
</table>
</div>

CSS code :

#maintable {
text-align:center;
}
#maintable table.center {
margin-left:auto; 
margin-right:auto;
}

 

What am i doing wrong here? I am new to css and html. Please help me. Thanks.

[zed420]

I've just checked it it is in middle.

[BinaryBird]

I've just checked it it is in middle.

It is working in IE 7 but not in firefox. Is there anything that i could be doing wrong?

[lostprophetpunk]

Why not just do...

 

<table align='center'>

 

That should work instead of a div around the table.

[haku]

Don't use that - the align tag has been deprecated.

 

Are you trying to center the table, or center the contents of the table?

[TheFilmGod]

Hi, i am having trouble trying to center a table. Here is the html and css code:
[code]
<div id="maintable">
<table>
<tr>
<td>
No of visitors:
</td>
<td>
<?php

include( "./counter/counter.php" ); ?>
</td>
</tr>
</table>
</div>

CSS code :

#maintable {
text-align:center;
}
#maintable table {
width: SPECIFY ABSOLUTE WIDTH px;
             margin: 0 auto;
}

 

I edited the code for you. To center the table you must specify an abosolute width and then margin: 0 auto; it. If you want to center the contents of the table then you can use text-align: center; for text and if you want to center images and other block elements, you'll need to use some advanced css. I hope this works for you!