[freejay]

Hi,

ich sitze mal wieder an einem kniffligen Problem.

Als Anhang schicke ich eine schnell gemacht Skizze, macht die das Problem erklärt:

Ich habe einen Bereich mit fester Breiter in dem sich nebeneinander 3 Block-Elemente befinden. Auch diese Elemente haben eine feste Breite. Die Elemente sind per float:left nebeneinander dargestellt. (Auf der Skizze: Zustand 1).

Das ist bis hierhin noch sehr simpel.

Problem:
Dynamisch per PHP gesteuert ist es so, dass unter bestimmten Bedingungen nur 2 Elemente vorhanden sind. In dem Falle sollen die beiden Elemente beide nebeneinander zentriert werden.

Wie macht man das?

Big Thx im Voraus für eure Ideen

[zeji]

per javscript die gesamtbreite der beiden divs ermitteln, den äußeren Rahmen diese breite zuordnen, und mit margin:0 auto; zentrieren.

Oder:
Per PHP abfragen ob 2 oder 3 innere Divs existieren, dem äußeren Div dementsprechend eine id/klasse vergeben (die die jeweilige gesamtbreite definiert und auf margin: 0 auto gesetzt ist).

[gato]

Oder inline-block verwenden (ohne float).

[freejay]

Danke erstmal für eure Tipps!!

per javscript die gesamtbreite der beiden divs ermitteln, den äußeren Rahmen diese breite zuordnen, und mit margin:0 auto; zentrieren.

Die Gesamtbreite der beiden divs weiß ich ja - das problem ist sobald drei DIVs drin sind ändert sich diese.

Oder:
Per PHP abfragen ob 2 oder 3 innere Divs existieren, dem äußeren Div dementsprechend eine id/klasse vergeben (die die jeweilige gesamtbreite definiert und auf margin: 0 auto gesetzt ist).

Die Idee ist eigentlich ganz gut, hatte ich mir auch schon überlegt.

Oder inline-block verwenden (ohne float).

Danke, über diesen Ansatz hatte ich gestern dann noch eine simple Lösung gefunden.

Und zwar wen es interessiert folgendermaßen:

Die 2 bzw. 3 divs (je nach Zustand) habe ich mit einem zusätzlichen Shrink-to-fit wrapper div umfasst (display: inline-block; width: auto. Dem div mit fester breite in dem das Shrink-to-fit Div mit den 2-3 Divs darin befindet habe ich text-align: center gegeben. Funzt soweit alles, ich hoffe mal das Problem ist das mit gelöst