Max-width, min-width, max-height y min-height en Internet Explorer

En otros navegadores que no sea Internet Explorer resulta muy sencillo establecer la propiedad de la altura y anchura máxima o mínima. En Internet Explorer esto lo podemos hacer mediante expression. IE soporta su propio atributo expression, el cúal nos facilita el uso de expresiones JavaScript para manipular propiedades del documento (X)HTML como max-width and max-height.


Por ejemplo, para especificar el valor de la propiedad width usando expression lo hariamos así:

width: expression(333 + "px");

Y para establecer la altura y anchura máxima o mínima:

/* 500px max-width para IE */

width: expression( document.body.clientWidth > 499 ? "500px" : "auto" );

/* 500px min-width para IE */

width: expression( document.body.clientWidth < 501 ? "500px" : "auto" );

/* 500px max-height para IE */

height: expression( this.scrollHeight > 499 ? "500px" : "auto" );

/* 500px min-height para IE */

height: expression( this.scrollHeight < 501 ? "500px" : "auto" );