2 Tabellen nebeneinander, zentriert

[Felix Riesterer]

Lieber Benne,

ich gehe jetzt einmal von folgendem Konstrukt aus:

<div id="tabellen-nebeneinander">  
    <table>  
        <tr><th>erste</th></tr>  
        <tr><td>Tabelle</td></tr>  
    </table>  
    <table>  
        <tr><th>zweite</th></tr>  
        <tr><td>Tabelle</td></tr>  
    </table>  
</div>

Wenn man nun die Tabellen als inline-Elemente anzeigen lässt, dann kann man die Eigenschaft text-align benutzen, um sie zentriert anzeigen zu lassen.

Dazu bedarf es zweier CSS-Eigenschaften, um es auch im IE hinzubekommen:

#tabellen-nebeneinander {  
    text-align: center;  
}  
  
#tabellen-nebeneinander table {  
    display: inline;  
    display: inline-table;  
}

Ich habe das jedenfalls so gemacht.

Liebe Grüße aus Ellwangen,

Felix Riesterer.