Sandra: Tabelle mit css zentrieren möglich

Hi,
kann man auch eine ganze Tabelle mittels css zentrieren?

Ich habe mal was ausprobiert, klappt abern nicht:

<html>
<head>
<title>Test</title>

<style type="text/css">

.table {
  text-align:center;
}

</style>

</head>
<body>

<table class="table" border="1" cellpadding="5" cellspacing="0" bordercolor="#000000"><tr>

<td>Test</td>

</tr></table>

</body>
</html>

Weiß jemand Rat?

  1. Merhaba!

    Weiß jemand Rat?

    Du musst dem übergeordneten Element text-align:center verleihen.

    Bis dann - Ollie

    --
    Die Welt ist grau.
    Und bunt.
    Content is Quing!
    sh:( fo:| ch:? rl:? br:& n4:( ie:| mo:| va:) de:> zu:) fl:| ss:| ls:[ js:|
    1. Hallo,

      Du musst dem übergeordneten Element text-align:center verleihen.

      Das funktioniert nur in Browsern, die 'text-align' nicht richtig interpretieren.

      Gruß, Jan

      1. Merhaba!

        O.k., eine Kombination aus text-align:center für den M$IE
        und margin-left:auto und margin-right:auto für die Geckos.

        Das erfüllt zwar wieder den Tatbestand der Rechtsbeugung,
        aber es funktioniert.

        Bis dann - Ollie

        --
        Die Welt ist grau.
        Und bunt.
        Content is Quing!
        sh:( fo:| ch:? rl:? br:& n4:( ie:| mo:| va:) de:> zu:) fl:| ss:| ls:[ js:|
  2. Hallo,

    Weiß jemand Rat?

    Ja, selfhtml ;-)

    http://aktuell.de.selfhtml.org/tippstricks/css/ausrichtung/

    <table class="table" border="1" cellpadding="5" cellspacing="0" bordercolor="#000000">

    Ein Attribut namens bordercolor gibt es m.E. in HTML nicht. Da du ja sowieso CSS verwenden willst, solltest du es auch konsequent tun.

    .table { border: 1px black solid; ... }

    Gruß, Jan

  3. Hallo,

    Wenn Du auf den meisten Browsern die Tabelle zentrieren willst, hilft meines Erachtens nur align="center". Ich lasse mich aber gerne eines Besseren belehren, da ich selbst noch keine praktikable Lösung gefunden habe.

    Heiner

  4. Hallo Sandra,

    ich würde mal mit margin: auto; experimentieren.

    http://forum.de.selfhtml.org/archiv/2002/5/11289/

    http://forum.de.selfhtml.org/archiv/2002/8/19283/

    HTH

    Werner

  5. Moin!

    .table {
      text-align:center;
    }

    SO kann's nicht funktionieren, es sei denn, du möchtest den Inhalt dr Tabelle zentrieren!

    Korrekt ist margin:auto, weil der IE5 das aber nicht versteht, musst du leider _zudem_
    noch dem übergeordneten Element text-align:center zuweisen.

    Gruß

    Der Hans

    --

    wieder online: http://www.discofoxtanzen.de