Hola SuperGork, quizás así te sirva:
img.foto_izquierda {
border: none;
float:left;
padding-top:1em;
padding-bottom:1em;
padding-right:1em;
height:12em !important;
height:auto;
}
El FireFox le dará prioridad al !important, y como el IE lo ignora, tomará
la ultima opción que aparece, que será
Buenas,
El caso es que en IE cuando uso el zoom la imagen se agranda o
empequeñece según le corresponda. Utilizando el siguiente CSS:
img.foto_izquierda {
border: none;
float:left;
padding-top:1em;
padding-bottom:1em;
padding-right:1em;
height:auto;
}
Mientras que para que me funcione en Firefox,
Probá sacandole el height a los estilos y a la imagen solo asignale el valor
en el width; que para el caso de una imagen elástica deberá estar al 100%.
Si agregas el height no va a funcionar correctamente.
img src=tufoto.jpg ... width=100%
Saludos
On 9/9/07, SuperGork [EMAIL PROTECTED] wrote:
Hola Juan Jose,
el problema es que tengo que poner varias fotos y cada una tiene un
height en em distinto. Y no quiero hacer una clase para cada foto. Con
lo que buscaba algo universal.
También he probado la solución de Agustin, pero poniendo el width al
100% no me funciona.
Seguiré buscando,
