Tabelle zentrieren funktioniert bei Mozilla nicht !!!

[Florian M.]

Hi leute,

ich möchte eine Tabelle zentriert darstellen.
Habe eine seperate CSS-Datei erstellt.
In dieser habe ich folgendes definiert:

body {
 font-family: Tahoma, Arial, sans-serif;
 font-size: 9pt;
 text-align:     center;
}

im IE funktioniert alles so wie ich es wollte.
ABER -> Mozilla macht die text-align:center nicht.
Warum?

Würde mich über Hilfe freuen.
Danke

bis denn
Florian

[emu]

Hallo!

ich möchte eine Tabelle zentriert darstellen.

table {
margin-right:auto;
margin-left:auto;
}

ABER -> Mozilla macht die text-align:center nicht. Warum?

»This property describes how inline content of a block is aligned.«
http://www.w3.org/TR/REC-CSS2/text.html#alignment-prop

font-size: 9pt;

Erstens ist Punkt keine geeignete Einheit für die Darstellung auf einem Bildschirm und zweitens sind 9pt zuwenig für Fließtext.

emu
[...]

[Orlando]

Hi Florian,

ich möchte eine Tabelle zentriert darstellen.

text-align:     center;

im IE funktioniert alles so wie ich es wollte.

deswegen ist es noch lange nicht korrekt. Teste besser mit einem guten Browser.

ABER -> Mozilla macht die text-align:center nicht.
Warum?

Weil text-align: den Inhalt eines Elements ausrichtet und nicht das Element selbst. Das ist so vollkommen korrekt, den Fehler solltest du beim M$IE suchen.

Das Archiv enthält die Lösung deines Problems bereits dutzendfach, sie heißt immer noch

body {
  margin-left:auto;
  margin-right:auto;
 }

bzw.

html {
  text-align:center;
 }

(html ist body übergeordnet, somit wirkt dies auf body)

-> http://selfsuche.teamone.de/

LG Roland

[Christoph Päper]

[Ich lese hier noich nicht lange mit, aber das ist auch hier bestimmt eine FAQ. Ich hab aber gerade Zeit und Lust, was dazu zu schreiben.]

ich möchte eine Tabelle zentriert darstellen.

body {
 font-size: 9pt;

pt ist für die Anzeige am Bildschirm total ungeeignet. Für body sind eigentlich nur 1em, 100% (bzw. 101%) oder gar keine Schriftgradangabe sinnvoll.

text-align:     center;
}

im IE funktioniert alles so wie ich es wollte.

Der hat ja auch ein eingebautes "Was könnte der Autor gemeint haben"-Modul, welches Autoren, die mehr Ahnung von der Materie haben als Microsoft'sche Programmierer, gehörig auf die Nerven gehen kann.

ABER -> Mozilla macht die text-align:center nicht.
Warum?

Weil er CSS beherrscht. Der Name der Eigenschaft deutet doch schon an, dass man damit nur Text horizontal ausrichten können soll, eine Tabelle ist aber mehr als Text (ein Blocklevelement). Für diesen Fall benutzt man im CSS-Boxmodel die Eigenschaft margin:

table {margin: 1em auto}

Das setzt den oberen und unteren Absatand auf 1em und links und rechts auf einen identische, von der Tabellenbreite (width) abhängigen Wert -- die Tabelle ist also zentriert.

Da das der IE erst ab Version 6 (bzw. 5 auf dem Mac) beherrscht, kann ein Workaround nötig sein, wenn es denn sooo wichtig ist, dass die Tabelle zentriert wird:

body /*bzw. das table übergeordnete Element*/
    {text-align: center}
table
    {text-align: left; margin: auto}

Ansonsten kannst du natürlich auch gleich transitionales HTML mit align="center" oder <center/> benutzen.

Christoph

[molily]

Hallo,

[Ich lese hier noich nicht lange mit, aber das ist auch hier bestimmt eine FAQ. Ich hab aber gerade Zeit und Lust, was dazu zu schreiben.]

In den FAQ stehen nur einige konkrete Fragen & Antworten: </faq/#Q-32>, früher gab es auch eine Forumsauslese. Dafür bieten die Feature-Artikel http://aktuell.de.selfhtml.org/artikel/ sowie die Tipps und Tricks http://aktuell.de.selfhtml.org/tippstricks/ reichlich Antworten zu häufig aufkommenden Problemen. Beide sind wie das Forumsarchiv über die http://selfsuche.teamone.de/ durchsuchbar, konkret ist http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/ relevant. Insofern bietet der komplette Selfraum Antworten auf F.A.Q. und nicht nur die Forums-FAQ </faq/>.

Grüße,
Mathias