css:min-height

Un article de Polydoc.

Sommaire

[modifier] Synopsis

min-height:; Prends comme argument une mesure en px | % | em

[modifier] Description

min-height permet simplement de définir la hauteur minimale d'un élément. Contrairement à la propriété height, le contenu pourra donc continuer à s'agrandir (en hauteur !)

[modifier] Notes

/!\ IE ne comprends pas cette propriété (tiens donc).

"Heureusement", il ne gère pas correctement la propriété height. Elle agit, comme min-height. Afin que min-height soit efficace sur cette plateforme ET ailleurs, il suffit d'appliquer la hauteur minimale via la propriété height et de mettre une hauteur automatique et un min-height utilisant une technique non connue d'IE

[modifier] Exemples

#bloc{
height:100px;
}
 
html>body #bloc{
min-height:100px;
height:auto
}

De cette façon, plus de problèmes de compatibilités.

[modifier] Voir aussi

[modifier] Liens internes