Haciendo que min-height funcione en Explorer
- Publicado el: 14-07-2010
- Visitas: 16579

IE no entiende este comando, por lo tanto necesitaremos una nueva forma de hacer que esto funciona en ese navegador. Veamos un ejemplo, digamos que necesitamos aplicar el min-height a un a capa con id="wrapper":
Creamos ahora nuestro CSS, entonces le damos a la capa un ancho minimo de 750px:
#wrapper { min-height: 750px; width:expression(document.body.clientHeight < 750? "750px": "auto" ); }
Digamos que tambien queremos combinar esto con un ancho máximo de 1220px:
#wrapper { min-height: 750px; max-height: 1220px; width:expression(document.body.clientHeight < 750? "750px" : document.body.clientHeight > 1220? "1220px" : "auto"); }
Otra alternativa sería usar el hack de Dustin Diaz:
#wraper { min-height: 100px; height:auto !important; height:100px; }

Eduardo Rosadio
Soy desarrollador web desde el año 2001. Durante mis años de trabajo he desarrollado más de 1000 sitios web para empresas de todos los rubros y tamaños.
En los últimos años me he especializado en el marketing por Internet para ayudar a mis clientes, mayormente pequeñas empresas, a llegar a nuevos clientes a través de Internet.