✔ div-Container Höhe mitwachsend

[bauchinj]

Hallo!

Hab ein rießen Problem:

Hab mehrere DIVs ineinander verschachtelt:

<div id="content">
  <div class="layer1">
    <div class="layer2">
       <div class="layer3">
         for($i=......){ echo ".....<br>";}
      </div>
    </div>
  </div>
</div>

Möchte nun layer1 mit layer 3 mitwachsen lassen. wobei dieser layer relativ ausgerichtet ist und eine nicht definierte Höhe hat - Werte werden aus der Datenbank ausgelesen!
Auch layer 2 ist relativ ausgerichtet....

wie kann ich layer 1 mitwachsen lassen?

Bitte um Hilfe - Danke!

 

[Maik]

Moin,

der Block layer1 sollte selbst bei einer relativen Positionierung automatisch mitwachsen.

Wenn er dies nicht tut, solltest du hier auch dein CSS posten, denn hellsehen können wir nicht, um die Ursache zu deuten.

mfg Maik

 

[bauchinj]

#content{  
    position: relative;
    z-index:1;
    top: 170px;
    padding: 10px;
    margin-left:200px;
    width: 804px;
    min-height:680px;
    background-color: blue;
}
div.layer1{
    width:720px;
    margin-top:60px;
    background-color: red;
}
div.layer2{
    width:720px;
    font-size:8px;
}
div.layer3{
    margin: 0px auto;
    margin-top: 50px;
}

 

[Maik]

Funktioniert mit deinen Code-Angaben bei mir erwartungsgemäß einwandfrei.

//edit: Reiche einen Schnappschuß nach:



Und mein eingefügter Inhalt für layer3:

<div id="content">
  <div class="layer1">
    <div class="layer2">
       <div class="layer3">
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>
         <p>foobar</p>      
         - END -
      </div>
    </div>
  </div>
</div>

mfg Maik