Définition de la css min-height

Propriété css : min-height

Détails des versions feuilles de style css min-height: css2

Détails de compatiblilité de la feuilles de style css min-height pour les navigateurs: Netscape 6+; Mozilla + et Firefox +; Internet Explorer 7+

Définition de min-height

La propriété de feuille de style css min-height permet de spécifier une hauteur minimale sur une balise de type bloc.

Exemple de code :

.identifiant{
  height:90%;
  min-height:100px;
  max-height:510px;
}

La propriété de feuille de style min-height css peut prendre la valeur de :
- numérique positive suivie de px ou % ou ex ou em.
- inherit, hérite de son parent (css2).

Descendre

Remonter

Exemple de code min-height

Application des min-height

La propriété de feuille de style min-height css est applicable sur toutes les balises HTML ou XHTML qui ne sont pas inline.

La propriété de feuille de style min-height css n'a pas d'équivalence en HTML.

Descendre

Remonter

Problèmes des min-height

Attention, la propriété de feuille de style min-height n'est pas prise en compte par Internet Explorer et pas testée sous safari.

Descendre

Remonter

FAQ

Répond aux questions suivantes :

Comment donner spécifier une hauteur minimale à un élément?
Liste des questions les plus fréquemment posées en css.

Descendre

Remonter

Exemples et astuces css

Infos complémentaires

Contrairement a max-height, min-height ne peut s'employer seul, il faut spécifier height et max-height

Exemple de code :

.identifiant{
  height:90%;
  min-height:100px;
  max-height:510px;
}

Descendre

Remonter

BUG INTERNAUTE

Explication

Vous trouverez ci-dessous divers bugs d'interprétation de la css min-height.
Ces bugs ont été transmis par les internautes du site.

J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.