Artículos

Haciendo que min-height funcione en Explorer

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

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


Escríbeme:994548099