[Njelo]

Hallo!

Google- und Forumssuche haben leider nicht genau das ergeben, wonach ich suche... Ich möchte drei nebeneinander floatende DIVs als Gruppe horizontal zentrieren. Dabei kann/möchte ich sie nicht in einen "wrapper" mit fester Breite und "margin: 0 auto" stecken, da sich die DIVs dann nicht mehr untereinander schieben, wenn man das Browserfenster verkleinert. Zur Veranschaulichung:




Ansätze habe ich einige gefunden:
http://www.brunildo.org/
http://pmob.co.uk/
http://cssbeauty.com/

...jedoch alle mit Einschränkungen (JS verwendet, nicht cross-browser-kompatibel, nicht durchgängig zentriert auf mehren Zeilen, etc) – gibt es eine elegante (HTML/CSS) Lösung?

Vielen Dank schon mal!

Grüße
Njelo

[Benutzer 80255]

Hallo,

ich hab mal n bischen getüftelt und diese Lösung gefunden. Hierbei springt der div C allerdings erstmal unter div A.
Naja, vielleicht hilfts:

[sahnemuh]

gib dem wrapper doch einfach 'ne prozentuale breite.
also z.b: width: 70%; margin: 0 auto;

[Njelo]

@stardiver&sahnemuh
Danke - beide Lösungen sorgen dafür, dass der DIV, der in die neue Zeile springt, sich links ausrichtet ( wie schon erwähnt unter A)...

Entgegen meiner Skizze suche ich aber eine Lösung, bei der sich die DIVs jeweils mittig in der neuen Zeile ausrichten...

Habe es mit horizontalen Listen versucht, da kann ich den einzelnen <li>-Elementen aber keine feste Breite zuordnen und die bräuchte ich, sonst laufen die auf die ganze Breite...