Emular el selector max-width en IE con expression
Hace poco descubrí la existencia de la etiqueta expression en los archivos CSS que permiten ejecutar una sentencia de javascript para dar valor a un selector.
Bien, lo primero decirte que evites esto totalmente salvo que sea realmente necesario, siempre que puedas, hazlo con cosas estándar.
Lo segundo, esto puede venir bien a la hora de limitar el ancho o alto máximo o mínimo de un elemento html en IE6 o anteriores ya que la etiqueta max-width no existe en ellos.
Un ejemplo extraído de aquí nos dice como usarlo:
1 2 3 4 5 6 7 8 9 10 11 | <html> <style> p { border:1px solid red; width:width:expression(document.body.clientWidth > 800? "800px": "auto" ); } </style> <body> <p> [mucho texto] </p> |
De esta manera decimos que si el ancho de la ventana cliente es mayor que 800px, la mantenemos en 800px o si es menor, la dejamos automática. Ejemplo
Post relacionados
Categories: Programacion
Recent Comments