Tabellen Zentrieren, und das für alle browser gleich.... Einstellungen

[calconeon]

Wenn ich ein Tabelle mittig ausgerichtet haben möchte, dann mache ich das folgendermaßen:

QUELLTEXT

<table width="90%" align="center">
.
.
.
</table>

Im aktuellen Mozilla Firefox bewirkt dass eine Zentrierung ausschließlich der Tabelle. Im IE werden auch alle Tetinhalte zentriert. Nun könnte ich in jeder Spalte

QUELLTEXT

align="left"

einfügen, aber das ist mir ehrlich gesagt zu blöd.

Ich habe eine Lösung gefunden:

QUELLTEXT

<table width="90%" align="center" style="text-align:left">
.
.
.
</table>

Das funktioniert auch, ist mir aber immer noch zu monströs. Ich habe es nicht geschafft, ein CSS-Tag zu finden, mit dem man ausschließlich alle möglichen Blockelemente aber nicht die darin enthaltenen Inhalte auszurichten. Gibt es in CSS überhaupt eine Ensprechung für

QUELLTEXT

align

?? Ich habe nur

QUELLTEXT

text-align

für, wie der Name schon sagt nur horizontale Ausrichtung für Text gefunden.

Stelle ich mich nur ausgesprochen blöd an oder gibt es wirklich keine bessere Möglichkeit?

Da ich mit PHP arbeite, includiere ich auch immer denselben Header und Footer und am liebsten wäre es mir, wenn ich gleich in der Main-Spalte alle Blockelemente zentrieren lassen könnte, ohne dass ich mich in den Inhalts-Dateien darum kümmern muss. Es führt aber immer darauf hinaus, dass ich in den Tabellen

QUELLTEXT

text-align="left"

einstellen muss.

Danke schonmal.

[filmi]

Hallo calconeon!

Wenn du folgende css-Angabe hinzufügst

QUELLTEXT

body { text-align: center;}

und dann einen Layer mit 100% Breite draufsetzt
css:

QUELLTEXT

#global { width: 100%;  text-align: left;}

html:

QUELLTEXT

 <div id="global"></div>

kannst du alles folgende ausrichten wie du möchtest, z.B.
css:

QUELLTEXT

 #main {text-align: center;}

Eine externe css-Datei wäre natürlich von Vorteil.

Schöne Grüße
Jürgen

[calconeon]

Man kann also text-align auch für Dinge verwenden, die nichts mit Text zu tun haben?

[Conny]

Man kann also text-align auch für Dinge verwenden, die nichts mit Text zu tun haben?

Hi,
vorsichtig eingesetzt, ja.
Denke aber daran: nicht alles was geht, ist auch Regelkonform nach W3C!

cu
Conny

[calconeon]

Dann frag ich mich aber, warum es bei CSS keine entsprechende Funktion gibt.
Man sollte doch für Formatierungen komplett auf CSS umsteigen können, zumindest theoretisch, oder?

Und da fehlt ja dann ganz klar ein Element...

[Auge]

Dann frag ich mich aber, warum es bei CSS keine entsprechende Funktion gibt.
Man sollte doch für Formatierungen komplett auf CSS umsteigen können, zumindest theoretisch, oder?

Und da fehlt ja dann ganz klar ein Element...

Hallo

Die Funktion gibt es, sie fehlt also mitnichten.

Mit text-align:left|center|right richtest du den Inhalt eines
Blockelements aus. Das meint z.B. Text oder Bilder, aber auch
andere Blockelemente, die sich im formatierten Block
befinden.
Soweit auch Übereinstimmung mit deiner Beobachtung.

Um das Blockelement selbst zentrieren zu können, ist die Angabe
von margin-left:auto;, margin-right:auto; notwendig.
Für ein sowohl horizontal als auch vertikal zentriertes Element genügt margin:auto;.
Im Mozilla/Firefox und in den neueren Operaversionen funktioniert das,
allerdings macht da der Browser des Marktführers nicht mit.

Womit wir bei deinem "zumindest theoretisch" wären.

Ich behelfe mich bei Tabellen mit der HTML-Angabe align="center",
oder bei seitenfüllenden Tabellen mit den CSS-Angaben width:70%;
und margin-left:15%; oder left:15%; (als Beispiel).

Tschö, Auge

Der Beitrag wurde von Auge bearbeitet: 09.08.2004 - 13:16

[calconeon]

Danke, dein letzter Tipp gefällt mir.

Womit aber beim nächsten Problem wären:

Im akuellen Mozilla Firefox 0.9.2 deutet der Brwoser ziemlich oft width="90%" bei Tabellen nicht oder falsch. AUf meier Homepage (calconeon.earthforge.com) wird daher zum Beispiel der Newsblock nicht immer auf 90% gebracht. Ich habe noch keinen Fehler entdeckt und in den anderen Browsern funktioniert es. Das eigenartigste ist, dass es manchmal auch funktioniert.

[Netizen]

Mit text-align:left|center|right richtest du den Inhalt eines Blockelements aus. Das meint z.B. Text oder Bilder, aber auch andere Blockelemente, die sich im formatierten Block befinden.

Nicht ganz. text-align bezieht sich nur auf inline-content, also nicht auf andere Blockelemente (außer im IE, und der ist kapott). Allerdings wird diese Eigenschaft vererbt und somit auch der Inhalt von enthaltenen Blockelementen ausgerichtet, nicht aber die Elemente selbst.

Im Mozilla/Firefox und in den neueren Operaversionen funktioniert das,
allerdings macht da der Browser des Marktführers nicht mit.

IE6 soll wohl auch margin: auto können, habs aber selbst noch nicht probiert.

Gruß
n!

[Ede]

Hey Auge und auch Netizen,

danke für diese Ausführungen, da war auch was für mich dabei.
Hab mich schon gelegentlich auch mit diesem Problem herumgeschlagen.
Nun sind mir aber zumindest einige Dinge klarer geworden.

QUELLTEXT

margin:auto

kannte ich zumindest noch nicht

[filmi]

Hallo!

Aktueller Artikel zum Thema:

http://dorward.me.uk/www/centre/

Schöne Grüße
Jürgen

[Google Bot]