Utilisation et hack autour de min-height

Hauteur minimale d’un bloc

La propriété min-height étant supporté par tous les navigateurs rescents (IE7, IE8, FF2, FF3, Safari 3, Chrome) cela réduit le problème à IE6. On usera des propriétés height et min-height normalement en ajoutant un hack uniquement pour IE6 (underscore + propriété). Cela simplifie les anciennes méthodes (html>body ne marche pas avec Safari, display:table-cell ne marche pas pour IE7) qui n’étaient pas exhaustives.

#bloc { 
    width:100px;
    height:auto; 
    _height:100px; /* visible que pour IE6 */ 
    min-height: 100px; /* non interprété par IE6 */ 
}

Exemple : hauteur de bloc

Liens :