Hey,

Ich warne: Es kann gut sein, dass sich dein Problem durch CSS nicht lösen lässt. Die Schwächen von CSS sind ohne Zweifel die Verallgemeinerung und die Anwendung auf variablen Inhalt. Dafür braucht es schon Dinge wie SASS, also entsprechende Präprozessor-Funktionalitäten. Oder eben JavaScript. Wenn du darauf nicht ausweichen kannst oder willst, kann ich dir noch einen letzten Versuch mit auf den Weg geben.

Ich mag eher nicht auf js zurückgreifen, da ich grad am Anfang bin und mir js grad noch etwas suspekt erscheint^^.

Versuche, die Höhe der <div class="eintrag"> auf "auto" zu stellen, damit der Browser die Wahl der Darstellung hat. Dann stellst du sicher, dass alle position:static; besitzen - denn sobald auch nur eins der Elemente aus dem Elementfluss entfernt wird hast du so oder so verloren. Dann stellst du bei allen Elementen margin:0px; ein. Mit viel Glück funktioniert das dann.

Ja, soweit war ich auch schon, da position:static; ja die default Einstellung ist hab ich auch so angefangen, nur es hilft leider nichts aber ich werds heut Abend nochmal probieren.

Kein Gewehr auf meine Angaben - ich habe nicht extra nachgelesen, ob das Verhalten von margin tatsächlich so ausgelegt ist. Ich bin kein Freund des Nachschlagens in Specs ;) Einfach mal testen, und ansonsten Techniken wie Javascript einsetzen. Damit die Barrierefreiheit erhalten bleibt, solltest du dann ein Fallback dafür haben, falls jemand mit deaktiviertem Javascript deine Seite besucht. Zum Beispiel, indem du die absolute <div> standardmäßig mit einem overflow:auto; versiehst.

Mit dem overflow:auto; hatte ich auch schon dran gedacht, wollte ich so aber nicht umsetzen. Wäre dann vllt der letzte ausweg.

Vielleicht gibts auch noch mit CSS3 Möglichkeiten, die ich mangels Erfahrung mit CSS3 nicht direkt im Kopf habe. Ich fürchte aber nicht.

Man lernt nie aus^^
Danke für deine Hilfe.

Gruß
Jo