Beste webmasters

ik gebruik voor mijn website div's nu is de height van mijn div 450px
als de tekst langer is zou deze div moeten groeien maar dit doet hij nu niet
wie kan me helpen alvast dank


#content-right {
width:725px;
height:450px;
float:left;
display:inline;
font-family: Verdana, Geneva, sans-serif;
color: #666;
padding-top:20px;
padding-left:20px;
padding-right:20px;
border: 1px solid #dcdcdc;
background-color: #E4E4E4;
font-size: 12px;
}

height: auto;
min-height: 450px;

Technisch gesproken is height: auto; niet eens nodig, dus die kun je achterwege laten.

Onderstaand vind je de "min-height fast hack", welke tevens werkt in IE6+. een verduidelijking hierbij heb ik hieronder erbij gezet.

min-height:450px;
height:auto !important;
height:450px;

verduidelijking: http://tinyurl.com/29k8fg

groeten Melvin

werkt nog niet alavast bedankt voor de tip

overflow: auto;

Heb je een online voorbeeld?

ik zet zodadelijk een voorbeld online

#content-right {
width:725px;
height:450px;
float:left;
display:inline;
font-family: Verdana, Geneva, sans-serif;
color: #666;
padding-top:20px;
padding-left:20px;
padding-right:20px;
border: 1px solid #dcdcdc;
background-color: #E4E4E4;
font-size: 12px;
overflow: hidden;
}

hier kan je een vb vinden http://tinyurl.com/2wrzxx3

height:450px; veranderen in height:auto; en je bent klaar.

Verwijder height:450px; uit #content-right.

Je hebt de hoogte vastgesteld dus blijft hij deze hoogte.
Simpelweg op 'auto' zetten en dat moet 't 'm doen.

Zoals hier boven staat height:450px; veranderen naar height:auto;.
Je hebt de height van jouw div op 450px gezet. Hierdoor wordt hij niet groter omdat hij vast staat op 450px. Als je nu de height op auto zet, zal de hoogte van de div zich automatisch aanpassen aan je content!