Und dann hast du das was du brauchst. Ist jetzt nur im FF getestet.. müsstest also schauen ob da alle Browser gleich reagieren. 24. 2010, 16:24 #5 Danke nochmal, aber irgendwie klappt das immer noch nicht. So schaut meine Klasse nun aus:. katalog_marken { width:680px; margin:10px auto;} 24. 2010, 16:36 #6 du gibtst dem ganzen gerade eine Breite von dem Inhaltselement. Html div mittig ausrichten. Der div braucht die Breite der 3 inneren Bereiche (+ deren marigin). Erst dann kann der durch auto so weit an den Seiten einrücken, das es mittig ist. 24. 2010, 22:26 #7 01. 09. 2017, 14:58 #8 unterschiedliche Anzahl divs innerhalb eines divs zentrieren Eine Newslist mit einer unbekannten Anzahl divs zentrieren. Nach 4 divs bricht es um. Bei 6 sollen dann die nächsten 2 in der Mitte dargestellt werden. Bisher hab ich folgendes gemacht:
Wenn Sie die genaue Breite des "Links" div kennen dann könntest du wechseln justify-content zu flex-start (links) und richten Sie dann das Div "Center" wie folgt aus: position: relative; margin: auto; left: -{half width of left div}px;} Wenn Sie die Breite nicht kennen dann könnten Sie "Links" auf der rechten Seite duplizieren, verwenden justify-content: space-between; und blenden Sie das neue rechte Element aus: Nur um es klar zu sagen, das ist wirklich, wirklich hässlich… es ist besser, eine absolute Positionierung zu verwenden, als Inhalte zu duplizieren. 🙂 justify-content: space-between; #right { opacity: 0;} Left Thiwanka Dodanwela display: flex;} flex: 1; content: '';}
CSS body { text-align: center;} #wrapper { text-align: left; margin: 0 auto;} Statt dem margin: 0 auto; kann man auch nur links und rechts angeben mit: margin-left: auto; margin-right: auto;. Im inneren DIV müssen wir dann noch die Schrift wieder auf linksbündig setzen ( text-align: left;) damit wir den eigentlich Text im Div nicht zentrieren. Hier folgt unser zentrierter Inhalt.
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Für Alle, die diesen Code verwenden möchten. Ihr müsst mit left bzw. right und der Breite etwas spielen, um es anzupassen. Großen Dank nochmal an euch. Das war wirklich eine tolle Hilfe Ups.. Das habe ich doch tatsächlich übersehen. Thomas