Ver Mensaje Individual
  #2 (permalink)  
Antiguo 10/02/2009, 23:32
javi_bus
 
Fecha de Ingreso: enero-2004
Mensajes: 63
Antigüedad: 20 años, 3 meses
Puntos: 0
Respuesta: min-width y max-width elastico en IE6

Solucionado:

Teniendo en cuenta que 1em = 16 pixels = 12 pt (en este caso 1200px = 75em = 100pt y 960px = 60em = 80pt) y que "document.body.currentStyle.fontSize" da el tamaño global del texto en "pt", para esta expresión en pixels:

Código HTML:
width:expression(documentElement.clientWidth>1200?"1200px":
    documentElement.clientWidth<960?"960px":"auto");
el equivalente en formato elástico es:

Código HTML:
expression(documentElement.clientWidth>75*16/12*parseInt(document.body.currentStyle.fontSize)?"75em":
    documentElement.clientWidth<60*16/12*parseInt(document.body.currentStyle.fontSize)?"60em":"auto");
De esta forma, cuando el navegante aumente o decrezca el tamaño de letra, parseInt(document.body.currentStyle.fontSize) retornará este nuevo valor bajando o subiendo el tamaño máximo y/o mínimo que especificamos para el ancho de la página.

Importante: no se debe especificar el tamaño de la fuente en el body o de lo contrario esta expresión deja de funcionar bien. Si es necesario, se puede crear un div contenedor de toda la página y se especifica ahí el tamaño de letra global que se desee.

Última edición por javi_bus; 10/02/2009 a las 23:38