tus camisetas frikis en camisetafriki.com
Home > Programacion > Emular el selector max-width en IE con expression

Emular el selector max-width en IE con expression

October 14th, 2008 Leave a comment Go to comments

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

Categories: Programacion Tags: