Ekspanderende DIV-boks ved størrelse på en indre DIV-boks?

[V5R1X]

Har lest litt rundt på diverse CSS-ting, og etter hva jeg forstår er det ikke mulig å ha en DIV-boks inni en annen DIV-boks, og la mengden innhold i den indre DIV-boksen bestemme hvor stor den ytre DIV-boksen blir?

 

Altså, jeg vil at den ytre DIV-boksen skal ekspandere når den indre DIV-boksen ekspanderer, men dette lar seg altså ikke gjøre?

 

Litt skuffet over CSS, hvis så...

 

Slik det er nå "glir" den indre boksen, samt dens innhold, utover den ytre...

 

Finnes det noen workaround på dette?

 

Takk for eventuell hjelp!

Endret 13. juni 2009 av J-Core

[AKIRAx77]

Googlet litt, du må bruke Javascript og dynamisk endre størrelen på DIVen.

 

Google: dynamically change DIV size så finner du litt info.

 

AKIRA

[Christerm]

Det går an, men da må ytterste DIV være uten statisk height.

 

<div name="Ytterste_DIV" style="background:red; width: 500px;"> 
Ytterste DIV. Innholdet bestemmer høyde.

<div name="Innerste_DIV" style="background:white; border: 1px solid #000000; width: 300px;">
Innerste DIV. Inneholder høyden til Ytterste DIV.
<br><br><br><br><br><br>
<br><br><br><br><br><br>
</div>

</div>

[TRL]

Det går an, men da må ytterste DIV være uten statisk height.

 

<div name="Ytterste_DIV" style="background:red; width: 500px;"> 
Ytterste DIV. Innholdet bestemmer høyde.

<div name="Innerste_DIV" style="background:white; border: 1px solid #000000; width: 300px;">
Innerste DIV. Inneholder høyden til Ytterste DIV.
<br><br><br><br><br><br>
<br><br><br><br><br><br>
</div>

</div>

 

Når jeg gjør dette lager jeg en enkelt div som er 1 px i bredden, og som har den høyden jeg ønsker å sette den yttre div'en til. På den måten oppnår jeg å få en minumumshøyde på en div samtidig som den er dynamisk fleksibel. Det kan selvfølgelig gjøres begge veier, men jeg skjønner ikke vitsen med dynamisk bredde.

 

<div name=ytterst style=".......stil og utseende....;">
	<div name=innhold style="float:left;clear:left;width:669px;"></div>
	<div name=høydestag style="float:left;clear:right;heigth:450px;width:1px;"></div>
</div>

[Jooakim]

<div style="overflow: auto; background-color: #000;">
<div style="background-color: #FFF; color: #000; margin: 20px 0;">
	<p>Hei</p>
	<p>Hei</p>
	<p>Hei</p>
	<p>Hei</p>
	<p>Hei</p>
	<p>Hei</p>
	<p>Hei</p>
</div>
</div>

Prøv å legg inn så flere paragrafer, så skal du se at den ekspanderer.

[HDSoftware]

Dette spørsmålet er delvis besvart i min tråd om bruk av DIV i stedet for TABLE