Hallo,
Ich hab ein absolut positionierten <div> der eine gewisse größe hat.
In diesem möchte ich untereinander mehrere <div class="eintrag"> container anordnen
! welche eine variable größe nach ihrem Inhalt haben da man in diesem ein oder mehrere <div> container per java ein und ausklappen kann.
ich nehme mal an, du meinst Javascript, nicht Java.
Leider fehlte diese Beschreibung des Problems (auch wenn sie noch sehr knapp ist) im Startposting völlig.
Problem ist jetzt das der nächste <div class="eintrag"> sich nicht automatisch nach unten verschiebt.
Du willst also, dass das Elternelement mit der Größe seiner Kindelemente mitwächst? Das ist eigentlich das normale Verhalten, und du setzt es mit absoluter Positionierung oder Floating außer Kraft. Warum?
(Kurz nebenbei werden auch z.b. trennlinien <hr> nicht zwischen den <div class="eintrag"> angezeigt sondern hinter diesen in einer andern z ebene, was ich mir auch nicht erklären kann)
Das ist der Effekt von position:absolute oder float: Die Elemente werden aus dem regulären Fluss herausgenommen und beeinflussen Anordnung und Größe ihrer Geschwister- und Elternelemente nicht mehr. Übrigens sehe ich im HTML-Code, den du gezeigt hast, gar keine hr-Elemente.
Bis jetzt hab ich jegliche kombinationen von position: und float: ausprobiert die mir eingefallen ist aber nie mit dem gewünschtem Ergebnis.
Wie wär's mit Weglassen?
Abgesehen davon ist dein HTML in vielen Punkten fehlerhaft oder verbesserungswürdig.
<link rel="stylesheet" type="text/css" href="style.css"/>
Du verwendest laut DOCTYPE-Deklaration HTML 4.01, da ist das Schließen von leeren Elementen im XML-Stil falsch.
<p class="h1">
Überschrift:
</p>
Autsch. Was soll der Unfug mit <p class="h1">? Wenn das eine Überschrift sein soll, zeichne sie doch einfach als solche aus, also mit <h1> (oder <h2>, wenn das Dokument schon eine übergeordnete Gesamt-Überschrift hat).
Außerdem ist es weder notwendig, noch sinnvoll, Umlaute zu verstümmeln. Ich hoffe doch, dass du eine Zeichencodierung verwendest, die Umlaute direkt darstellen kann (z.B. UTF-8). Also schreib sie doch einfach im Klartext hin.
<p><b>Beschreibung:</b>
Was soll das missbilligte b-Element? Für visuelle Effekte (Fett) ist CSS da.
<a href="javascript:/" onClick="div_change(5)"><img src="minus.jpg" ID="img5" border="0" style="vertical-align:middle"></a><br></p>
Die Anweisung im href-Attribut "/" ist kein gültiger Javascript-Code. Was soll das sein?
Außerdem heißt der Eventhandler eigentlich onclick, und dem img-Element fehlt das alt-Attribut.
Und auch hier: Verwende konsequent CSS für darstellerische Effekte (und bitte nicht als inline-Styles, sondern in einem zentralen Stylesheet).
<div id="5" class="beschreibung">
Fehler: In HTML 4.01 dürfen ID-Werte nicht mit einer Ziffer beginnen.
So long,
Martin
"Mutti, hier steht, das Theater sucht Statisten. Was sind Statisten?" - "Das sind Leute, die nur rumstehen und nichts zu sagen haben." - "So wie Papa?"
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(