Ver Mensaje Individual
  #4 (permalink)  
Antiguo 18/10/2011, 03:41
Avatar de tunait
tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Respuesta: Problema con IE en las imágenes

Jaime, ya encontré por dónde se le escapa el agua al IExplorer8 con este expediente-x

En las primeras líneas en la hoja de estilos hay esto

Código CSS:
Ver original
  1. img{
  2.     border: 0;
  3.     max-width: 99%;
  4. }

Para IE8 ese max-width lo mantiene por encima de siguientes width. Es decir, un width: 300px es ignorado si antes ha encontrado un max-width.

así que en esta regla se ignora el width dando preferencia al max-width definido antes
Código CSS:
Ver original
  1. #contenedor_foto #ima{
  2.     width: 300px;
  3.     padding: .6em;
  4.     margin-right: 2em;
  5. }
Así que tomaba la anchura del contenedor, que como no tiene especificada anchura pues debe tomar la anchura de la foto y la foto tomaba la anchura del contenedor pues ala, a hacer el burro el Explorer 8.

En internet no encontré nada al respecto así que con paciencia y una caña. Lo dejo aquí por si alguien se encuentra con el mismo problemo que sepa esta simpática particularidad de este navegador.

Jaime, lo corregí directamente en la hoja de estilos. Simplemente le añadí max-width: 300px; delante de width: 300px; lo digo para que actualices tu versión local.

saludos
__________________
Javascript Códigos - Bambú difunde