Tabelle horizontal und vertikal in die Mitte ?

[s-maxima]

Hallo an alle,
ich habe ein externes css angelegt, mit dem ich die horizontale und vertikale Ausrichtung einer Tabelle steuern möchte. Leider funktioniert das ganze nicht. Ich probiere schon längere Zeit daran rum, aber ich krieg's nicht hin. Die Tabelle soll einfach nur horizontal und vertikal in der Mitte sein. Vielleicht kann mir jemand helfen.
Die *.css Datei:

body {
background-color: #D5ECBF
}
table {
font-family: arial;
font-size: small;
text-align: center;
}

Vielen Dank im voraus, tschüß s-maxima

 

[Anonymous]

Das horizontale Zentrieren eines Block-Elements (z.B. einer Tabelle) ist mit CSS ziemlich einfach zu lösen: Das umgebende Element (z.B. body), erhält für veraltete Browser (z.B. Netscape 4, MS IE bis 5.5 sowie 6.0 im "Quirks" Modus) text-align:center;, das Element selbst erhält - falls notwendig - eine Breitenangabe (width), zum zentrieren in guten Browsern die Angaben margin-left:auto; margin-right:auto; sowie, um den Inhalt wieder linksbündig auszurichten, text-align:left;

body
  {
   text-align:center; /* fuer Netscape 4 und MS IE */
  }
table
  {
   width:30em;
   margin-left:auto; margin-right:auto;
      /* Fuer gute Browser */
   text-align:left;
      /* Text _in_ der Tabelle links ausrichten */
  }

 

[Fätzminator]

nicht schlecht die lösung, muss ich echt sagen...
ich habe es nie geschafft meine divs immer bei allen browsern schön mittig auszurichten...

 

[Anonymous]

Nun, wenn die Webseite auf dieser Tabelle aufbaut, ist die Lösung akzeptabel, wenn nicht, dann ist sie schrecklich, denn dann ist alles zentriert und nicht nur die Tabelle. Mach das lieber mit einem übergeordneten Bereich, anstatt mit body.

 

[Fätzminator]

übergeordnerter bereich von body?
aber da gäbe es doch nur noch html....
und normalerweise tust du alles in den body, das du ausgeben willst...

 

[Anonymous]

Fätziminator, ich meine nicht einen übergeordneten Bereich von body.

Wenn du in body schreibst, text-align:center ist alles zentriert.
Wenn du in table schreibst, /* bla bla bla */ ist das bei allen Tabellen so.

Ein eleganteres Beispiel wäre mit 2 Bereichen:

.bereich1 { text-align:center; }
.bereich2 { /* bla bla bla */ }

<div class="bereich1"><div class="bereich2">TEXT</div></div>

 

[Fätzminator]

ach so hast du gemeint....
wenn wir gerade dabei sind, will ich kein neues thema eröffnen...
gibt es eine möglichkeit, diese tabelle in divs umzuscripten, so dass die rahmen genau gleich bleiben? http://www.jungwachtbuelach.ch/frame.html