почему функции align и text-align отличаются от таблиц?

Question

Здравствуйте, я пытаюсь найти способ обойтись "противным" align=center трюком ..

Ну, когда я смотрел какой-то код, я заметил, что две очень похожие части не отображают одинаково. Я не могу найти способ заставить их вести себя так же. Это включает в себя замену таблицы верхнего уровня на div. Примечание: таблица нижнего уровня должна оставаться таблицей, потому что она очень сложна в нашем реальном коде.

<table style="width: 500px;" align=center>
<tr>
<td>
<table><tr><td>
Hello there... .this is some text and such
</table></tr></td>
</td>
</tr>
</table>

удаление первой строки будет

 <table style="width: 500px;text-align: center">

делает его выровненным влево. Как сделать так, чтобы рендеринг центрировался без особого взлома?

(обратите внимание, что это просто упрощенный пример, наш реальный сайт намного сложнее)

Answer 1

Добавьте text-align:center к стилю родительского контейнера вашей таблицы и margin:0 auto к самой таблице, и она должна выровняться так, как вы ожидаете. (проверено в FF)

Редактировать: удалил недействительную CSS "помощь" ... моя ошибка.

Answer 2

Этот может быть полезным ресурсом. Он говорит, что для горизонтального выравнивания вы можете добавить стили:

margin-left:auto;
margin-right:auto;

В IE по-прежнему существует проблема (требуется text-align: center), которая описывается ссылкой и указывает, как ее разместить.