tabelle mit zentrieren

[verzweifelter]

Ich möchte eine Tabelle mit Messwerten mit css zentrieren, das klappt aber irgendwie nicht. Wie geht es denn richtig?

Versucht habe ich es so:

<p style="text-align:center;">
<table cellspacing="4" cellpadding="0" border="0" width="80%">
<tr><td>x-Werte</td><td>2</td></tr>
<tr><td>y-Werte</td><td>5</td></tr>
</table>
</p>

Funktionieren tuts aber nur so:
<center>
<table cellspacing="4" cellpadding="0" border="0" width="80%">
<tr><td>x-Werte</td><td>2</td></tr>
<tr><td>y-Werte</td><td>5</td></tr>
</table>
</center>

Wie wird es korrekt in css gemacht?

verzweifelter

[Hopsel]

Hi,

Wie wird es korrekt in css gemacht?

ersetze das p durch ein div, dem du eine Breite von 100% zuordnest.
Also: <div style="width: 100%; text-align: center;">

MfG Hopsel

[Verzweifelter]

Also: <div style="width: 100%; text-align: center;">

Sorry, das klappt leider auch nicht. Kann es daran liegen, dass die Tabelle bereits in einem DIV liegt? Ich habe nämlich ein 3-Spalten-Layout mit DIVs realisiert und im Mittleren liegt die Tabelle

[Hopsel]

Hi,

ohne Quelltext oder Link ist es schwierig dir zu helfen.

MfG Hopsel

[wahsaga]

hi,

Kann es daran liegen, dass die Tabelle bereits in einem DIV liegt?

nein, daran das table ein block element ist, und diese, wie schon x-mal hier erwähnt, nun mal zentriert werden, in dem man die seitlichen margins auf auto setzt.

gruß,
wahsaga

[Verzweifelter]

Danke für die Hilfe...und entschuldige, dass ich im Forum eine Frage gestellt habe. Ich hatte halt nach "Tabelle zentrieren css" gesucht und nichts gefunden. Dass eine Tabelle ein Blockelement ist wusste ich nicht.

Verzweifelter

[Gunnar Bittersmann]

Verzweifelter,

Ich hatte halt nach "Tabelle zentrieren css" gesucht und nichts gefunden.

Wie bitte??!!!1

http://suche.de.selfhtml.org/cgi-bin/such.pl?suchausdruck=tabelle+zentrieren+css&lang=on&feld=alle&index_1=on&index_2=on&index_3=on&index_4=on&index_5=on&hits=100

Live long and prosper,
Gunnar

[Efchen]

ersetze das p durch ein div, dem du eine Breite von 100% zuordnest.
Also: <div style="width: 100%; text-align: center;">

Macht das einen Sinn? Mal abgesehen davon, dass Block-Elemente alle per default 100% breit sind, und sowohl p als auch div Block-Elemente sind.

Nein, es macht keinen Sinn. Und text-align heißt nunmal nicht umsonst "TEXT"-align.

[Gernot Back]

Hallo Efchen,

ersetze das p durch ein div, dem du eine Breite von 100% zuordnest.
Also: <div style="width: 100%; text-align: center;">

Macht das einen Sinn? Mal abgesehen davon, dass Block-Elemente alle per default 100% breit sind, und sowohl p als auch div Block-Elemente sind.

Nein, es macht keinen Sinn. Und text-align heißt nunmal nicht umsonst "TEXT"-align.

Ich verstehe nicht was du sagen willst.

Gestern hast du die Vorgehensweise doch für ältere IEs noch verteidigt und das hat mich eigentlich auch überzeugt, die Ausrichtung von Tabellen über das Text-Align eines Elternelements vorzunehmen. Störst du dich jetzt nur an der unsinnigen Bezeichnung?

Gruß Gernot

[Efchen]

Nein, es macht keinen Sinn. Und text-align heißt nunmal nicht umsonst "TEXT"-align.

Ich verstehe nicht was du sagen willst.

Doch. Ich bin mir sicher, Du verstehst.

Gestern hast du die Vorgehensweise doch für ältere IEs noch verteidigt

Richtig. Ist hier ein älterer IE vorgesehen? Dann hab ich was überlesen.

und das hat mich eigentlich auch überzeugt, die Ausrichtung von Tabellen über das Text-Align eines Elternelements vorzunehmen.

So ist es ja auch. *Normal* ist aber, dass man Block-Elemente nur mit margin-left/right:auto zentriert. Der IE5 ist aber alles andere als normal, zumal der IE6 oft genug leider auch nicht normal ist.

Störst du dich jetzt nur an der unsinnigen Bezeichnung?

Jein. text-align ist nunmal nur zum Zentrieren von Text da. Dass der IE <6 und IE6 im Quirks-Mode das zum Zentrieren von Block-Elementen erlaubt, ist ein Fehler, den man leider Gottes für ältere IEs ausnutzen muss, da diese wiederum das richtige Zentrieren nicht können.

Ich bin in diesem Posting lediglich von normalen Browsern ausgegangen. Denn üblicherweise entwickelt und testet man ja mit richtigen Browsern, und sollte wissen, dass text-align auch nur "text" zentriert, wie der Name sagt, also Inline-Elemente. Dass man text-align dann im IE braucht, ist die Antwort auf die Frage, warum die IEs Block-Elemente nicht mit margin zentrieren.

[Efchen]

Ich verstehe nicht was du sagen willst.

Doch. Ich bin mir sicher, Du verstehst.

Kann man Postings nicht nachträglich ändern? Nachdem ich meine Antwort formuliert habe, wollte ich diesen Kommentar wieder löschen, weil a) ich mir doch nicht mehr sicher bin, dass Du verstehst und b) das evtl. als unfreundlich aufgenommen wird.

Ich bitte diese Zeile also zu vergessen und zu entschuldigen.

[Gernot Back]

Hallo Efchen,

Kann man Postings nicht nachträglich ändern? Nachdem ich meine Antwort formuliert habe, wollte ich diesen Kommentar wieder löschen, weil a) ich mir doch nicht mehr sicher bin, dass Du verstehst und b) das evtl. als unfreundlich aufgenommen wird.

a) verstehe ich dich jetzt, auch wenn ich der Abwärtskompatibilität vielleicht einen höheren Stellenwert einräume als du.
b) habe ich ein dickes Fell

Ich bitte diese Zeile also zu vergessen und zu entschuldigen.

Keine Ursache!

Gruß Gernot

[Efchen]

auch wenn ich der Abwärtskompatibilität vielleicht einen höheren Stellenwert einräume als du.

Für mich zählt als erstes eine 100%ige Nutzbarkeit. Das Aussehen steht erst an zweiter Stelle.

Aber das tut dem natürlich keinen ab, dass ich auch Block-Elemente mit text-align:center zentrieren würde :-)