[BartS]

Hallo,

ich habe mehrere DIVs, die ich per float:left nebeneinander positioniere. Diese sind in ihrer Summe aber nicht so breit wie das umgebende DIV. Wie zentriere ich diesen "Block" von DIVs im umgebenden DIV?

Habt vielen Dank

[DerM]

Wie sieht denn dein CSS bisher aus?

[BartS]

[DerM]

Ok dann mal eine ganz dumme Frage!
Wieso sagst Du das Inline Elemente als Block-Element dargestellt werden sollen, und floatest diese dann wieder? Das hat ja mal so gar keinen sinnvollen Nährwert!

[BartS]

Damit jeder Link die gleiche Breite haben kann. Die Code-Darstellung oben ist natürlich auf das Wesentliche runtergebrochen. Da stecken normalerweise noch Styles dahinter, die jedem Link einen Rahmen geben - und dieser soll unabhängig vom Inhalt ("1","123","<<") immer eine exakte Breite von 2em haben. Und da man feste Breiten nun mal nur mit Block-Elementen hinbekommt, habe ich die Links als solche gesetzt.

text-align:center beim umgebenden DIV geht übrigens nicht ... das hatte ich auch schon probiert.

[20three]

Wenn dein umgebendes DIV und die Links ne feste Breite haben, kannst du ja über Margin left/right ausrichten.

23

[BartS]

Gut, ich könnte jetzt dem ersten Element eine left-margin und dem letzten Element eine right-margin mitgeben. Diese müsste ich aber manuell ausrechnenen und wenn sich die Breite des umgebenden DIVs ändert, sitz ich wieder da und rechne manuell ... das war eigentlich nicht mein Ziel.

Ich seh schon, ich komm nicht umhin, als um die floated Elements eine Tabelle zu bauen und diese dann zu zentrieren - auch wenn man ja für sowas keine Tabellen nehmen soll. Aber gut, wäre mal ein Beispiel, wo man allein mit DIVs nicht weiter kommt.

[pantonine]

Nö. Aber wenn Du Elemente als Block behandeln willst, musst Du sie eben dementsprechend wrappen.