✔ Tabelle wird nicht zentriert ?

[Votura]

Wenn ich z.B wie unten eine Tabelle in einem Div zentriere wird dies im Internet Explorer zentriert dargestellt. Im Firefox oder auch Opera wird die Tabelle links aussen Positioniert, wieso das ?

Was mache ich falsch ?
Muss ich gewisse Dinge beachten, damit das in jedem Browser gleich dargestellt wird ?

<style type="text/css">
<!--
#main {text-align: center;}
-->
</style>

 <div id="main">
  <table width="400" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td bgcolor="#000000">&nbsp;</td>
    </tr>
  </table>
</div>

 

[Maik]

Hi,

das horizontale Zentrieren eines Blockelements über text-align:center im übergeordneten Element funktioniert nicht in den modernen Browsern, wie z.B. Firefox und Opera.

Erweiter das Stylesheet mit der folgenden Regel, damit sie die Tabelle im DIV #main horizontal zentrieren:

#main table {
margin:0 auto;
}

 

[Votura]

Cool, vielen Dank !!

Funktioniert super !