Heiko: text-align vs align bei <div> in Tabellenzelle

Hallo Forum,

ich habe ein Verständnisproblem:

In einer blinden Tabelle zur Seitenstrukturierung hat eine Zelle 100% Breite. In dieser Zelle steht ein <div>-Abschnitt mit fester Breite, der innerhalb der Zelle zentriert stehen soll.

Um auf der Höhe der Zeit zu bleiben, gebe ich der Zelle eine css-Klasse, in der "text-align: center;" notiert ist.

Im IE sehe ich das Layout wie gewünscht, im Mozilla hängt der <div> partout links. Wenn ich aber die Zelle direkt mit align="center" ausrichte und den css-Tag drin-lasse. überschreibt die css-Angabe die direkte Angabe im <td>-Tag und richtet den <div> fälschlicherweise nach links aus. Wenn ich dann die css-Angabe entferne, stimmt es in beiden Browsern.

Dies ist ja wohl ein Bug, oder? Es scheint nur bei der Kombination td/div aufzutreten.

  1. Hallo!

    td ist gut mit "text-align:center"
    Dem div noch "margin-left:auto;margin-right:auto" verpassen und das Ergebnis ist wie Du es wünscht.

    PS. Table-Layout ist out.

    Beste Grüße
    Viennamade