Dread: div textorientiert

Hallo, ich habe ein kleines Problem.
Ich habe in einen div gesetzt.
Der div hat die Css angaben:

#test {position:absolute; left:125px; top:117px; height:100%; width:70%; background-color:#E9EFF4;}

In diesem div befindet sich ein weiterer mit den angaben

.text {position:absolute; top:100px; left:15px; height:100%; font-family: Arial,Verdana,Helvetica,sans-serif; font-size:15px; line-height:20px;}

In diesem befindet sich wiederum text.

Eingesetzt sieht das so aus

<div id="test">

<h4>Home</h4>
<div class="text">
bla bla bla
</div>
</div>

Mein Problem das ich nun habe ist das sich der div nicht mit dem text vergrößert.
Das heist, das der text einfach aus dem div hinausgeht.

Wie kann ich einstellen das sich der div an höhe zunimmt, also sich sozusagen am text orientiert?

ich hoffe ihr könnt mir helfen.

  1. Hi,

    #test {position:absolute; left:125px; top:117px; height:100%; width:70%;

    sprengt also kleinere Fenster und erzeugt u.U. überflüssige Scrollbalken.

    .text {position:absolute; top:100px; left:15px; height:100%;

    100% + 100px?

    <div class="text">

    warum nicht P?

    Mein Problem das ich nun habe ist das sich der div nicht mit dem text vergrößert.
    Das heist, das der text einfach aus dem div hinausgeht.

    Das hast Du doch selbst so definiert. Verzichte auf die Höhenangaben.

    freundliche Grüße
    Ingo

    1. Wen ich dich richtig verstehe soll ich die gesamten höhenangaben weglassen.
      Das kann ich leider nicht, da der div eine mindesthöhe haben sollte.

      aber trotzdem danke

      1. Hi,

        Wen ich dich richtig verstehe soll ich die gesamten höhenangaben weglassen.
        Das kann ich leider nicht, da der div eine mindesthöhe haben sollte.

        das ist meist gar nicht nötig und sinnvoll bzw. kann leichter durch entsprechende Inhalte erreicht werden. Sieht oft auch besser aus, als ein großes leeres DIV.

        freundliche Grüße
        Ingo

        1. Ok, danke.
          Ich hab jetzt einfach ne notlösung ausprobiert.
          Nun das problem das ich jetzt habe ist folgendes.

          Der Div läst sich jetzt unendlich weit vergrößern. Nur sovern ich einen  weitern Div in ihn setzte, bsw. aus formatierungsgründen. sit wieder das alte problm vorhanden.
          der text schiest aus ihm heraus.

          ich habe herumprobirt und mir ist aufgefallen, sovern der div mit einem Position:absolut; ausgestattet ist tritt der fehler auf!

          ich hoffe ich habe es verständlich erklärt!
          Vieleicht kann mir ja jemand auch bei diesem Problem helfen!