DIVs nebeneinander positionieren

[Masin Al-Dujaili]

Hallo Forum,

nach langer Zeit melde ich mich mal wieder ... vermutlich hat mich keiner vermißt :).

Ich habe derzeit ein kleines Problem mit CSS, ich komme irgendwie nicht damit klar, zwei DIVs nebeneinander zu positionieren. Anschauen kann man sich das ganze unter http://www.physik.tu-berlin.de/~mad/gio/spielplan.html

Man muß ein bißchen runterscrollen, um zu sehen, was ich meine. Die zukünftigen sollen direkt neben den vergangenen Terminen stehen, aber bislang ist es mir nicht gelungen, das zu schaffen. Kann mir jemand sagen, was ich grundlegend falsch mache? Ich habe bereits wildeste Kombinationen aus "position:absoulute;", "float:left;" und "float:right;", "margin-top:0;" und "margin-top:auto;" probiert, aber irgendwie will das nichts werden.

Danke schonmal im voraus

Grüße aus Berlin-Mitte

Masin

[David]

Hallo Masin,
eigentlich sollte es mit float: left; für beide divs gehen.
natürlich sollten auch beide in den umgebenden container passen.
z.B.:
#vergangen, #zukuenftig {
     float: left;
     width: 40%;
     margin: 0 5%;
     padding: 0;
}
Gruß, David

[Masin Al-Dujaili]

Hallo David,

eigentlich sollte es mit float: left; für beide divs gehen.
natürlich sollten auch beide in den umgebenden container passen.
z.B.:
#vergangen, #zukuenftig {
     float: left;
     width: 40%;
     margin: 0 5%;
     padding: 0;
}

Jepp, die Kombination funktioniert - nur verursachen floats keine Ausdehnung eines Container-Elementes: Der Hintergrund bleibt dunkelgrau und die Schrift unlesbar. Ich brauche dann also eine Lösung für das Hintergrundproblem - und die ist mir bislang auch noch nicht eingefallen. Vorschläge? Ich habe jetzt einfach mal in das Container-DIV folgende Zeile eingefügt, aber als saubere Lösung erscheint mir das nicht. :(

<p style="clear:both;"></p>

Anschauen läßt sich das wie beim letzten Mal unter http://www.physik.tu-berlin.de/~mad/gio/spielplan.html

Grüße aus Berlin-Friedrichshain
Masin