[HTML/CSS] - Tabelle zentrieren

Herrmann

Abend zusammen,
warum wird die Tabelle unter Mozilla im div nicht zentriert dargestellt? Wenn ich statt der Tabelle einen einfachen Text anzeige, klappt es wunderbar. Auch der InternetExplorer zertriert die Tabelle.

...
<body>
  <div style="width:100%; text-align:center;">
    <table>
      <tr>
        <td>test</td>
        <td>test</td>
        <td>test</td>
      </tr>
    </table>
  </div>
</body>

PS: mit einem center-Tag (HTML) kann ich das Problem zwar lösen, nur verstehe ich nicht, warum es mit CSS nicht funktioniert.

flammenvogel

text-align zentriert nur den Text in der Tabelle. Entweder die Tabelle in einen div Tag pressen und dann im div Tag text-align: center. Oder du benutzt im table Tag das HTML Atribut align="center". (Du kannst auch mal mit der CSS Eigenschaft align: center spielen, weis aber nicht ob das funzt

supertux

<table align="center">
...
</table>

sollte gehen