Benzol (06.06.2014)
Thema: Tabelle mit CSS zentrieren
-
05.06.2014, 10:38 #1
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">
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?
-
05.06.2014, 11:01 #2
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;
}
-
The Following User Says Thank You to Nuebel For This Useful Post:
-
05.06.2014, 12:50 #3
- Registriert seit
- 18.03.2013
- Beiträge
- 481
Thanked 264 Times in 168 PostsAW: Tabelle mit CSS zentrieren
Versuchs mal mit
margin-left: auto;
margin-right: auto;
-
The Following User Says Thank You to xOneDirectionx For This Useful Post:
Benzol (06.06.2014)
-
05.06.2014, 13:48 #4
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.
-
05.06.2014, 20:21 #5
AW: Tabelle mit CSS zentrieren
Du kannst dir ja auch einmal den Quellcode dieser Seite anschauen. Untitled Document
-
06.06.2014, 00:36 #6
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.
-
The Following User Says Thank You to GerdHarms For This Useful Post:
Integer (22.09.2014)
Ähnliche Themen
-
MySql unterschied zwischen INSERT INTO tabelle VALUES u. INSERT INTO tabelle SET
Von Essah im Forum WebentwicklungAntworten: 1Letzter Beitrag: 02.02.2014, 12:59 -
[SQL] Alle Datensätze von Tabelle zu anderer Tabelle hinzufügen
Von syme im Forum PHPAntworten: 4Letzter Beitrag: 12.07.2013, 10:53 -
Problem Tabelle/Container
Von Scarya im Forum HTMLAntworten: 3Letzter Beitrag: 25.05.2013, 00:17 -
Text zentrieren
Von Skindred im Forum HTMLAntworten: 2Letzter Beitrag: 16.04.2012, 18:00 -
CSS Header Zentrieren
Von Killerspider im Forum WebentwicklungAntworten: 3Letzter Beitrag: 25.01.2012, 21:37
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.