KOMPOOS.NL

css min-height (IE)

home » manuals » css » css-min-height-ie.html

sitemap


voorbeeld css min-height (ook voor oude IE)

deze div heeft een
minimale hoogte van
150 pixels

uitleg over een div met "min-height"

Ik verwijs voor het gemak naar de standaard css min-height pagina. Daar staat dezelfde procedure, die voor alle moderne browsers (inclusief de laatste versies van Internet Explorer) de min-height "regelt". Op deze pagina staat dezelfde code plus wat extra code voor stokoude IE-browsers. De code valideert absoluut niet. Dus eigenlijk raad ik jou aan, om de oude IE-browsers niet meer te ondersteunen en de procedure te gebruiken van de link die hier boven staat. De code is "foei-lelijk" maar werkt probleemloos. 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.

stylesheet voor de min-height procedure


<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;
                /*\*/
                * html #min_height{
                        height:150px}
                /**/
                }
</style>
Gebruik voor alle voorbeelden op de http://kompoos.nl een valide html5 pagina.