サンプルページ

→サンプルページを見る

「完璧なセンタリング」は携帯サイトでは難しいです。
スクロールバーが表示される端末だと微妙にずれます。
（その微妙なずれが分からない程度ならOKだと思いますが、サンプルページのような背景画像だと微妙なずれが目立ちます。）

tableタグにalign="center"

<table align="center" width="220">
・
・
・
</table>

ほぼ全端末でtableがセンタリングされます。

tableタグの外側のdivタグでtext-align:center;を指定

<div style="text-align:center;">
<table style="width:220px;">
・
・
・
</table>
</div>

softbankでセンタリングされません。
auの一部端末でもセンタリグされません。

tableにmargin:0 auto;を指定

<table style="width:220px;margin:0 auto;">
・
・
・
</table>

softbankのみセンタリングされました。

tableの外側のdivでtext-align:centerを指定、tableにmargin:0 auto;を指定

<div style="text-align:center;">
<table style="width:220px;margin:0 auto;">
・
・
・
</table>
</div>

ほぼ全端末でtableがセンタリングされます。