Henning: Variable Div-Auflistung (gefloated) zentriert darstellen

SELF-Forum

Variable Div-Auflistung (gefloated) zentriert darstellen

Henning
– Informationen zu den Bewertungsregeln

Guten Abend,

ich habe jetzt schon länger rumgesucht und leider zum Thema nichts passendes gefunden. Folgende Situation:

Ich habe für eine Seite eine (unbestimmte) Reihe von Boxen, die nebeneinander aufgelistet werden. Diese Boxen enthalten ein Hintergrundbild, Text, ein Schmuckbild und eine Verlinkung, daher habe ich in dem Fall mit Div gearbeitet, eine feste Breite und Höhe gegeben und die Elemente mit float:left versehen. Sie reihen sich schön nebeneinander, wie Spielkarten. Soweit so gut.

Nun sollen diese Boxen in der Mitte aber zentriert angezeigt werden, also so wie zentrierter Text. Abstand links und rechts gleich, die letzte Zeile, die ggf. weniger Boxen hat, ebenfalls!

Da der Container aussenrum  einen prozentualen Anteil der Seitenbreite hat und somit unterschiedlich  breit sein kann, weiß ich auch nicht, wie viele von den Boxen in eine Zeile passen.

So sieht es aus:
http://www.bilderhoster.net/safeforbilder/4csf4cyl.jpg

Und so soll es aussehen:
http://www.bilderhoster.net/safeforbilder/7vgyg5wf.jpg

Breite und Höhe vom roten Bereich sind flexibel, die grünen sind fest.

Ich habe zwar Anleitungen zum zentrieren gefloateter Elemente gefunden, aber die waren immer nur einzeilig. Hat jemand eine Idee? Bin für jede Hilfe dankbar.

Vielen Dank!

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Variable Div-Auflistung (gefloated) zentriert darstellen

    ChrisB
    – Informationen zu den Bewertungsregeln

    Hi,

    Nun sollen diese Boxen in der Mitte aber zentriert angezeigt werden, also so wie zentrierter Text. Abstand links und rechts gleich, die letzte Zeile, die ggf. weniger Boxen hat, ebenfalls!

    Floating und Zentrierung schließen sich quasi aus.

    Floate nicht - nutze [lin:http://bittersmann.de/articles/inline-block/@title=inline-block].

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Variable Div-Auflistung (gefloated) zentriert darstellen

      ChrisB
      – Informationen zu den Bewertungsregeln

      Damn. Vorschau rocks.

      Floate nicht - nutze inline-block.

      MfG ChrisB

      --
      RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Variable Div-Auflistung (gefloated) zentriert darstellen

        Henning
        – Informationen zu den Bewertungsregeln

        Danke, das sieht doch vielversprechend aus.
        Ich schaue es mir im Laufe des Wochenendes mal an und sage Bescheid ob es für meinen Fall geklappt hat.
        Prompte Bedienung! :)

        Schönen Abend schonmal,
        Henning

        Damn. Vorschau rocks.

        Floate nicht - nutze inline-block.

        MfG ChrisB

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln