1. #1
    Avatar von Benzol
    Registriert seit
    16.12.2013
    Beiträge
    215
    Thanked 87 Times in 54 Posts

    Standard Tabelle mit CSS zentrieren

    Guten Morgen zusammen,
    ich habe eine Tabelle die ich zentrieren möchte. Bisher habe ich es immer mit align="center" im HTML gemacht:
    HTML-Code:
    <table align="center">
    ich würde es aber gerne mit CSS machen. Probiert habe ich es mit

    table
    {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    }


    Es funktioniert aber nicht. Funktionieren tut es erst wenn ich der Tabelle eine Breite (width: 400px) zuweise. Das möchte ich aber nicht weil die Daten in der Tabelle dynamisch sind. Gibt es eine Möglichkeit Tabellen mit CSS zu zentrieren?

  2. #2
    Avatar von Nuebel
    Registriert seit
    23.11.2013
    Beiträge
    446
    Thanked 361 Times in 236 Posts

    Standard AW: Tabelle mit CSS zentrieren

    Die einzige Möglichkeit, die ich kenne, etwas zu zentrieren, ohne eine spezifische Größe zuzuweisen, ist der Weg über min- und max-width:

    table {
    min-width: 0%;
    max-width: 100%;

    margin: auto;
    }

  3. The Following User Says Thank You to Nuebel For This Useful Post:

    Benzol (06.06.2014)

  4. #3

    Registriert seit
    18.03.2013
    Beiträge
    481
    Thanked 264 Times in 168 Posts

    Standard AW: Tabelle mit CSS zentrieren

    Versuchs mal mit

    margin-left: auto;
    margin-right: auto;



    [www.piratenpartei.de]
    "Krieg ist Frieden; Freiheit ist Sklaverei; Unwissenheit ist Stärke"

  5. The Following User Says Thank You to xOneDirectionx For This Useful Post:

    Benzol (06.06.2014)

  6. #4
    Avatar von Bubble
    Registriert seit
    20.11.2011
    Beiträge
    703
    Thanked 510 Times in 327 Posts

    Standard AW: Tabelle mit CSS zentrieren

    @xOneDirectionx

    Das funktioniert nur solange, wie du dem Element eine feste Größe zugewiesen hast. (dann besser: margin: 0 (top) auto (right) 0 (bottom) auto (left))


    Nuebels Lösung dürfte die praktikabelste sein, sofern es keine feste Größe gibt.

  7. #5
    Avatar von UnknownUser
    Registriert seit
    07.05.2014
    Beiträge
    139
    Thanked 227 Times in 73 Posts

    Standard AW: Tabelle mit CSS zentrieren

    Du kannst dir ja auch einmal den Quellcode dieser Seite anschauen. Untitled Document

  8. #6
    Avatar von GerdHarms
    Registriert seit
    31.10.2013
    Beiträge
    31
    Thanked 14 Times in 11 Posts

    Standard AW: Tabelle mit CSS zentrieren

    dieser trick funktioniert über umweg, einen hauptcontainer (blockelement) der eine definierte breite hat, kann auch relativ sein z.b. 100%, dann können darin enthaltene blockelemente per margin:auto zentriert werden, sofern diese eine breite kleiner des mutterelements besitzen.

  9. The Following User Says Thank You to GerdHarms For This Useful Post:

    Integer (22.09.2014)

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 02.02.2014, 12:59
  2. Antworten: 4
    Letzter Beitrag: 12.07.2013, 10:53
  3. Problem Tabelle/Container
    Von Scarya im Forum HTML
    Antworten: 3
    Letzter Beitrag: 25.05.2013, 00:17
  4. Text zentrieren
    Von Skindred im Forum HTML
    Antworten: 2
    Letzter Beitrag: 16.04.2012, 18:00
  5. CSS Header Zentrieren
    Von Killerspider im Forum Webentwicklung
    Antworten: 3
    Letzter Beitrag: 25.01.2012, 21:37
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.