Hauteur minimum d’un élément html en css

Ben voilà une propriété CSS qui gagne à être connu. min-height. Elle définit une hauteur minimum d’un élément. Pratique, par exemple, lorque dans un maquette (template) vous avez du contenu de longeur différente mais que vous voulez que les pages soit assez uniforme tout de même.

#content {
  min-height: 300px;
}

Référence
http://www.w3schools.com/CSS/pr_dim_min-height.asp

  • Étant un grand fan de min-width, max-width, j’ai eu a utiliser min-height il me semble dans le passé, et à ma grande surprise, ça ne semblait pas être implanté sur tous les fureteurs qui supportaient min/max-width. Suis-je fou?

  • Mais il ne faut pas oublier qu’IE6 n’en tient pas compte.

  • Merci pour vos commentaires messieurs ! Laurent, comme Antoine le mentionne IE6 n’en tient pas contre. Est-ce la catastrophe ? Pour IE6 seulement le site ne sera pas de même auteur c’est tout. Pour les autres, ce sera parfait ! Avec la sortie de IE7 voilà un méchant bout de temps et la sortie plus récente de IE8, voulez-vous bien me dire qui veut se soucier encore de IE6 encore ?

  • Non IE6 on s’en fout!

  • C’est pas ce que mes clients me disent :P.

    L’important à mon avis c’est que le site ne soit pas « brisé » dans IE6. Mais c’est pas facile pour un client de comprendre que son site ne sera pas aussi beau dans IE6 (ou même simplement différent).

  • Oui, je comprend très bien Antoine et je l’ai vécu et le vit encore très souvent avec mes clients. Par contre, avec la sortie de IE8, je suis devenu plus intolérant. C’est incroyable que des gens utilisent encore un navigateur désuet et vieux de deux versions majeures. Il faudrait relancer le projet Save the developpers upgrade your browser !

  • Cette article date mais je voulais donner mon point de vue, min-height et max-height peuvent bien aider pour uniformiser un element et personelement je l’utilise abondamment. Oui le rendement n’est pas le même sur IE6 mais on s’en fou!

  • Bonjour, je trouve votre article très intéressant et très instructif ! merci

  • Merci beaucoup ! Désolé pour le délai de réponse ! 🙂