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 +
Safari 1 +
Internet Explorer 7+
Chrome +
Internet Explorer 4+

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).

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.

Problèmes des min-height

Attention, la propriété de feuille de style min-height n'est pas prise en compte par Internet Explorer < 7, Safari < 2.0.2 et Firefox < 3.0.
La propriété de feuille de style min-width css appliquée sur une balise Table ne semble pas fonctionner (sauf Firefox et Opera).

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.

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;
}

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.

Reporter un bug

Voir les Bugs[0]

VOTRE AVIS

Notez cette page

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5
Avis sur la page http://www.zonecss.fr/style_css/feuille_css_min_height.html Votes: 4.5 / 5 - 6 votes
Cliquez sur une étoile pour voter.

Reporter un bug ou problème d'interprétationavec la propriété min-height
La balise HTML et XHTML TABLE englobe tous les éléments du tableau.<TABLE> </TABLE> Un tableau doit commencer par la balise HTML et XHTML <TABLE> et s...[Voir]