sitemap | terug naar het CSS-properties menu
Normaal gesproken heeft een div de hoogte van de (textuele) inhoud, of de afbeelding die, eventueel, in die div geplaats is. Met het css-statement min-height kan je zo'n div, desgewenst, een minimale hoogte geven. Het voorbeeld op deze pagina spreek voor zichzelf. Plaats een div (ergens in de bodysectie van een web-pagina) en geef dat b.v. het id min_height. Voorbeeld-code:
<div id="min_height">
deze div heeft een<br />
minimale hoogte van<br />
<strong>150 pixels</strong>
</div>
Als je dan ook in een stylesheet de onderstaande code geplaatst hebt (stylesheet behoort in de head-sectie geplaatst te worden), zal de div de gewenste (minimale) hoogte hebben.
<style type="text/css">
#min_height{
height:auto;
min-height:150px}
</style>
hieronder plaats ik nog even de stylesheet, zoals die op deze pagina gebruikt is. Met de stylesheet hierboven valt er "niets te zien". Daarin zit alleen het "werkend bestanddeel" voor min-height.
<style type="text/css">
#min_height{
height:auto;
min-height:150px;
width:300px;
font-size:1.3em;
border:1px solid #808080;
color:#fff;
background:#aaf;
padding:1em}
</style>