Comment faire fonctionner max-height correctement dans IE6, IE7?

Question

max-height:600px; 

Ce qui précède fonctionne comme height:600px dans IE7, et ne fonctionne pas du tout dans IE6.

Answer 1

IE6 ne supporte pas cela. Utilisez des commentaires conditionnels pour alimenter une feuille de style IE6 et utilisez l'attribut "expression" propriétaire d'IE pour utiliser du javascript.

#id { 
    height: expression(this.scrollHeight > 332 ? "333px" : "auto"); 
} 

Voir http://perishablepress.com/press/2007/01/16/maximum-and-minimum-height-and-width-in-internet-explorer/

Answer 2

Pour IE7, max-height fonctionne comme prévu si vous spécifiez un doctype strict dans votre code html:

Rappelez-vous cependant, certains éléments/attributs autorisés dans un Les doctype de transition ne sont pas supportés en strict. Voici un bon article qui les énumère: http://24ways.org/2005/transitional-vs-strict-markup