horizontally align (css2 & xhtml strict compliant)

[Kagey]

Hey all,

I was wondering how i could align a table horizontally centered while still being css2 and xhtml strict compliant. I know so far the setting the right and left margins to auto will work, but it doesnt work in some browsers. Does anyone know of a more accepted way of doing it?

thanks

[Rick Bull]

I think this should work:

<div style="text-align:center;">
  <table width="50%" style="border:1px solid black; margin:0px auto; text-align:left;">
    <tr><td>asdasd</td></tr>
  </table>
</div>

The first text-align makes IE center the block elements (i.e. the table), which it shouldn't do. And the second one makes the other browsers put the inline elements in the table back to where they should be. (The width and the border are just to emphasis the effect.)

[Kagey]

You're the man

[Rick Bull]

Thanks