Rent A Coder

Internet Explorer y max-height

Imprimir Imprimir - Enviar a un amigo Enviar a un amigo

Bueno, 6:30 de la mañana y aún ando aqui, todo culpa de IE y [sarcasmo]su grandioso soporte de los estándares[/sarcasmo]. Al poner el plugin para resaltar la sintaxis del código escrito, quize hacer que si el código era muy grande lo mostrara con un scroll y asi no alargar tanto la página. En firefox esto es demasiado fácil usando la propiedad max-height, pero cuando se trata de IE llegan los problemas.

Primero encontré un hack de como emular la propiedad min-height, pero no me servía para lo que quería. Encontré una librería que según decía resolvería mi problema, pero por alguna razón no funcionó.

Por fin, despúes de un rato más de estar buscando, di con la solución. Consiste en usar el siguiente código:


selector {
  height: expression( this.scrollHeight > 200 ? "200px" : "auto" );
}

Lo que equivale a un max-height: 200px; que interpretan correctamente los buenos navegadores. Ahora por fin me gusta como se ve el bloque de código tanto en Firefox como en Internet Explorer (no he probado en otros navegadores) y puedo ir a dormir en paz :)

PD. También he instalado otro plugin para poner formularios, en este caso he puesto el formulario de Contacto.

Tags: , , ,

Post a Comment