Rent A Coder

Internet Explorer y max-height

Imprimir Imprimir - Enviar a un amigo Enviar a un amigo
12345 (No calificado)
Loading ... Loading ...

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.

CSS Naked Day

Imprimir Imprimir - Enviar a un amigo Enviar a un amigo
12345 (No calificado)
Loading ... Loading ...

Que lindo se ve el blog, ¿no? xD Todo es parte de una iniciativa propuesta en el blog de Dustin Diaz. Se trata del First Annual Naked Day.

La idea es simple: quitar la hoja de estilos de el blog por un día, para promover de alguna forma los estándares web. Me pareció bastante curiosa e interesante la idea, así que la puse en práctica.