Stephanie: Content Divs in Container Div - Dynamische Höhe

SELF-Forum

Content Divs in Container Div - Dynamische Höhe

Stephanie
– Informationen zu den Bewertungsregeln

Hallo zusammen,

es ist wahrscheinlich trivial, aber ich sitze seit stunden davor und komme nicht weiter. Bei Google habe ich auch bisher gesucht, aber kein brauchbares Ergebnis gefunden.

Ich habe einen Container Div, in dem zwei Content Divs stehen. Wenn ich nun in die beiden Content Divs Inhalt schreibe, "wächst" der Container div einfach nicht mit. Hier mal der Quellcode:

  
<html>  
<body>  
  
<div id="container_test">  
<div id="content_test1">  
		test1  
</div>  
<div id="content_test2">  
	  
		content_test2 content_test2 content_test2 content_test2 content_test2 content_test2 content_test2 content_test2  
		content_test2 content_test2 content_test2 content_test2 content_test2 content_test2 content_test2 content_test2  
		content_test2 content_test2 content_test2 content_test2 content_test2  
			  
</div>  
<div style="clear:both"></div>  
</div>  
  
</body>  
</html>  


  
#container_test {  
	position: absolute;  
	top: 250px;  
	left: 380px;  
	width: 445px;  
	height:auto;  
	border: 1px solid #D6D6D6;  
	text-align: justify;  
}  
  
#content_test1 {  
	position: absolute;  
	height:auto;  
	top: 0px;  
	padding-left: 5px;  
	padding-right: 400px;  
	line-height: 23px;  
	text-align: justify;  
		  
}  
  
#content_test2 {  
	position: absolute;  
	height:auto;  
	top: 0px;  
	padding-left: 40px;  
	padding-right: 20px;  
	line-height: 23px;  
	text-align: justify;  
	  
}

Hier wie es momentan aussieht:
http://www.bilder-upload.eu/show.php?file=y5lZ54Vaq3vEFoH.jpg

Und hier wie es aussehen sollte:
http://www.bilder-upload.eu/show.php?file=SbTT6FZzM4oo8ra.jpg

Bisher ausprobiert habe ich float:left; overflow:auto; height:auto; clear:both
aber nichts funktionierte, der Div Container blieb auf seiner Größe.

Ich komme leider nicht auf die Lösung...

Grüße
Stephanie

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Content Divs in Container Div - Dynamische Höhe

    Steel
    – Informationen zu den Bewertungsregeln

    Hi!

    Du verwendest absolute Positionierung, tust aber so, als wuerdest Du floaten. (Das div mir clear:both z.B.)

    Also nimm die absolute Positionierung raus und floate stattdessen.

    Oder gib dem aeusseren Container overflow.

    --
    "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
          - T. Pratchett
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Content Divs in Container Div - Dynamische Höhe

      Stephanie
      – Informationen zu den Bewertungsregeln

      Hi!

      Du verwendest absolute Positionierung, tust aber so, als wuerdest Du floaten. (Das div mir clear:both z.B.)

      Also nimm die absolute Positionierung raus und floate stattdessen.

      Oder gib dem aeusseren Container overflow.

      Hallo Steel,

      vielen Dank jetzt funktioniert!
      Also einfach statt absolute relative nehmen und bei dem ersten Content Div das float auf left setzen.

      Danke nochmals!

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Content Divs in Container Div - Dynamische Höhe

        Steel
        – Informationen zu den Bewertungsregeln

        Hoi!

        vielen Dank jetzt funktioniert!

        Wunderbar. Danke fuer die Rueckmeldung.

        Also einfach statt absolute relative nehmen und bei dem ersten Content Div das float auf left setzen.

        zum Beispiel

        Danke nochmals!

        Kein Probelm.

        --
        "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
              - T. Pratchett
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln