Indre div til at sætte højden på et ydre
Hej med jer,Jeg har behov for at lade et indre absolute div sætte højden på et ydre. For at undgå misforståelser, så har jeg pastet html koden ind nedenfor.
Jeg giver den 100 for jeg har researchet en del på nettet uden held - og jeg er næsten sikker på at det ikke kan lade sig gøre. Bemærk venligst, at jeg bruger strict mode som DOCTYPE.
FAB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<style>
/* COLUMN MIDDLE START */
.uberDiv {
position: relative;
background-color: #aaaaaa;
border: 3px dashed #ffee00;
height: 500px;
}
.columnMiddleArea {
position: absolute;
width: 426px;
left: 292px;
background-color: #666600;
border: 1px solid #000000;
}
.showProductArea {
background-color: #006666;
border: 1px solid #000000;
margin: 14px;
padding: 14px;
}
.teaseProductArea {
padding: 14px;
margin: 14px;
background-color: #0000ff;
border: 1px solid #000000;
}
</style>
<div class="uberDiv">
<div class="columnMiddleArea">
<div class="showProductArea">
Der er noget jeg ikke forstår
</div>
<div class="teaseProductArea">
<p style="font-weight: bold; color: #ffffff;">"Dette indhold skal bestemme højden på columnMiddleArea (det grå med gule striber omkring) - men det vokser bare ud over, uden at div columnMiddleArea vokser med. Kan man få et indre "absolute" div til at bestemme højde på et ydre?
</p>
<hr>
<p >
Nimis ulciscor quidem iriure ludus roto vero. Ut erat fere in comis defui wisi vulputate, ymo, esse transverbero. Aliquam quia at occuro opto, indoles ut. Velit comis wisi abigo epulae tristique valetudo iriure vulputate nonummy ulciscor. roprius venio aliquip, enim ut minim veniam, ullamcorper capio adipiscing tation ex. Immitto fere, genitus veniam tum, nisl bis vel aliquip. Genitus lobortis ymo mauris esca bis ex in cui. Illum magna nisl feugiat nutus hos vereor macto elit pagus camur. Vero sagaciter aliquam fere, damnum typicus importunus in nostrud sit. Et, refoveo dolore dignissim venio ideo, ullamcorper nulla. Sed exputo facilisi quadrum ut capto dolore accumsan. Aptent, quae huic iusto pecus quis populus. Luctus gilvus nibh sed, suscipit delenit luptatum minim exerci. Vicis indoles, eu uxor duis consequat luptatum olim vel vulputate pecus persto. Tum lucidus esca nunc nunc vereor. Ventosus aliquip, ut occuro conventio quidem lobortis typicus, saepius eu lenis. Qui nutus vicis bene vindico, delenit quadrum typicus ea aliquam.
</div>
</div>
</div>
