[niederberger]

Hallo Zusammen

Gibt es in CSS die Möglichkeit wenn Elemente absolut positioniert sind, dass diese sich trotzdem verschieben wenn ein zweites DIV dieses überlappen würde. Man könnte sich eine Seite voller Sprechblasen vorstellen.

Ich habe mal ein Grund-CSS gebaut:

[heiko_rs]

abs. pos. Elemente nehmen keinerlei Einfluss auf andere Elemente (ausgenommen natürlich ihre Nachfahren). Was genau hast Du denn vor?

[niederberger]

Ich möchte DIVs auf einer Fläche positionieren ahand vom Datum und der Uhrzeit. Da alles dynamisch sein soll muss ich vermeiden, dass die DIVs sich überlappen, was ja schon vorkommen könnte wenn in einer Stunde drei Felder gesetzt werden und der ganze Screen für einen komplette Woche ausgelegt ist. Horizontal sollen beispielsweise die Tage dargestellt werden und vertikal die Uhrzeit.

[heiko_rs]

Dann ist float ideal für Dich. Nur wenn die Höhen variieren, solltest Du stattdessen display: inline-block; verwenden (ist aber wegen IE <8 und FX < 3 deutlich mehr Aufwand).

Edit: Augenblick, horiz. und vert. - poste mal eine Grafik, wie es am Ende aussehen soll.

[niederberger]

Habe mit das irgendwie so vorgestellt - da die Positonen über das Datum generiert werden sollen, kann ich keinen Einfluss auf die Positionen nehmen:

[heiko_rs]

Die erste Reihe ist inline-block, die weiteren eher "float-Chaos", wenn zahlreiche Floats mit unterschiedlicher Höhe aufeinander folgen.

Alternativen zu pos. abs. sehe ich tatsächlich nur in float und inline-block (letzteres z.B. mit vertical-align: middle). Und falls Du damit kein zufriedenstellendes Ergebnis bekommst, bleibt nur noch pos. abs. und ein aufwendiges PHP-Skript, das Dir die Offsets generiert. Eine solche Lösung wäre imho allerdings völlig over-the-top, so dass ich mich an die ersten beiden halten würde.

[niederberger]

denke eben auch, da muss eine logik her. dass die ersten drei so stehen ist reiner zufall. die idee wären eben 100 stück auf der seite wild positioniert... tja, denke muss mir noch paar gedanken übers layout machen... merci trotzdem.

[heiko_rs]