Artículos

Haciendo que min-height funcione en Explorer

  •   Publicado el: 14-07-2010
  •   Visitas: 16661

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.

No te vayas sin dejar un comentario


Whatsapp AJAXPERU
Escríbeme:994548099