ausrichtung einer Tabelle.
steffen
- css
Hi,
ich möchte eine Tabelle zentriert ausrichten. Da ich anfänglicherweise text-align: center als das vorherbekannte <center> hielt informierte ich mich mal im Internet.
Dabei stoß ich drauf, dass dieser tag nur die texte zentriert ausrichtet und IE fälschlicherweise das anders interpretiert.
Nun habe ich die Tabelle mit margin-left: auto; margin-right: auto; ausgerichtet. Mit firefox klappt das prima nur mit IE nicht. Wie kann ich das nun lösen? mit text-align ist schlecht ... weil er das ja in jedem Browser anders interpretiert.
Was verschafft mir da abhilfe?
mfg steffen
Hallo steffen,
Nun habe ich die Tabelle mit margin-left: auto; margin-right: auto; ausgerichtet. Mit firefox klappt das prima nur mit IE nicht. Wie kann ich das nun lösen? mit text-align ist schlecht ... weil er das ja in jedem Browser anders interpretiert.
Was verschafft mir da abhilfe?
Der richtige Doctype
Gruß Gernot
Warum nicht
<table ... align="center">
??
Hallo Stefan,
Warum nicht
<table ... align="center">
Die Frage zu bantworten überlasse ich Gunnar!
Gruß Gernot
Warum nicht
<table ... align="center">
Die Frage zu bantworten überlasse ich Gunnar!
Gernot,
Oh, danke. ;-)
Es bietet Vorteile (bspw. Übersichtlichkeit), Dokumentstruktur und Layout zu trennen, wie es in den Strict-Varianten von (X)HTML gefordert wird.
Also keine missbilligten Attribute, sondern CSS verwenden. Und zwar nicht im style-Attribut, sondern im zentralen oder externen Stylesheet.
Live long and prosper,
Gunnar
Hallo steffen,
Nun habe ich die Tabelle mit margin-left: auto; margin-right: auto; ausgerichtet. Mit firefox klappt das prima nur mit IE nicht. Wie kann ich das nun lösen? mit text-align ist schlecht ... weil er das ja in jedem Browser anders interpretiert.
Was verschafft mir da abhilfe?
Als ich kürzlich so etwas machen musste (Quick and Dirty(tm)), haben ich die Tabelle in ein <div>-Tag gesteckt:
<div style="text-align:center;">
<!-- Die Tabelle... -->
</div>
Grüße
Marc Reichelt || http://www.marcreichelt.de/
Hallo Marc,
Als ich kürzlich so etwas machen musste (Quick and Dirty(tm)), haben ich die Tabelle in ein <div>-Tag gesteckt:
Genauso quick und nicht dirty hättest du im Standards-Mode beim Doctype den von Steffen verfolgten Weg über margin:auto gehen können.
Gruß Gernot
Hallo Gernot,
Als ich kürzlich so etwas machen musste (Quick and Dirty(tm)), haben ich die Tabelle in ein <div>-Tag gesteckt:
Genauso quick und nicht dirty hättest du im Standards-Mode beim Doctype den von Steffen verfolgten Weg über margin:auto gehen können.
Irrtum. Korrekter Doctype bei mir war gesetzt, margin:auto hat beim IE aber nicht für die gewünschte Wirkung gesorgt.
Grüße
Marc Reichelt || http://www.marcreichelt.de/
Hallo Marc,
Genauso quick und nicht dirty hättest du im Standards-Mode beim Doctype den von Steffen verfolgten Weg über margin:auto gehen können.
Irrtum. Korrekter Doctype bei mir war gesetzt, margin:auto hat beim IE aber nicht für die gewünschte Wirkung gesorgt.
Also im IE6 unter Win98 hat es sogar dann die gewünschte Wirkung, wenn man auf die Weitenangabe 100% bei den Elternelementen HTML und BODY verzichtet. Aber vielleicht ist das ja unter Linux und am Mac anders. Wäre interessant, dem mal nachzugehen.
Gruß Gernot
Hallo Marc,
Genauso quick und nicht dirty hättest du im Standards-Mode beim Doctype den von Steffen verfolgten Weg über margin:auto gehen können.
Irrtum. Korrekter Doctype bei mir war gesetzt, margin:auto hat beim IE aber nicht für die gewünschte Wirkung gesorgt.
Also im IE6
Genau das ist der Knackpunkt. Das funktioniert nur im IE6, für IE5 oder früher ist text-align:center weiterhin zwingend nötig.
Hi steffen,
ich möchte eine Tabelle zentriert ausrichten.
Sicher, dass es eine Tabelle ist; oder missbrauchst du das table-Element zur Layoutgestaltung?
Was verschafft mir da abhilfe?
Steht tausendfach im Archiv. Da ich meine eigenen Postings am schnellsten finde:
http://forum.de.selfhtml.org/archiv/2005/3/t103983/#m640769
http://forum.de.selfhtml.org/archiv/2005/6/t108790/#m678336
Live long and prosper,
Gunnar