Foros del Web » Creando para Internet » CSS »

Blog con imagenes superanchas, ajustadas.

Estas en el tema de Blog con imagenes superanchas, ajustadas. en el foro de CSS en Foros del Web. Tengo un blog, con imagenes a veces muy anchas. Para que encajen en su contenedor, probe esto: Cita: img { max-width: 620px !important; height: auto ...
  #1 (permalink)  
Antiguo 08/10/2009, 12:07
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 1 mes
Puntos: 101
Blog con imagenes superanchas, ajustadas.

Tengo un blog, con imagenes a veces muy anchas. Para que encajen en su contenedor, probe esto:

Cita:
img {
max-width: 620px !important;
height: auto !important;
}
Y en Opera funciona perfecto. La idea es que si la imagen tiene ya definidas sus proporciones, con esto las amoldo.

Pero en IE salen alargadas. No se si por el hack para las imagenes, o por el del div contenedor, que es este:

Cita:
.storycontent {
width: 620px !important
}
Esta es la pagina.
  #2 (permalink)  
Antiguo 08/10/2009, 12:16
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Blog con imagenes superanchas, ajustadas.

max-width ie
equivalente:
width: expression(document.body.clientWidth > 621? "620px": "auto");
y el height no sería necesario, creo.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 08/10/2009, 13:11
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 1 mes
Puntos: 101
Respuesta: Blog con imagenes superanchas, ajustadas.

Al parecer funciona. Tengo mis dudas porque estoy estrenando monitor nuevo, de 19'', y a veces las imagenes se ven raras. No como en resolucion 1024px. Un tema para resolver.

Gracias por la orientacion!

EDITADO:

No, no funciona. Y estoy probando otros codigos que encuentro en internet, pero nada. Miren :

http://www.aoi-castellano.com.ar/img...o_Explorer.jpg

http://www.aoi-castellano.com.ar/img...rato_Opera.jpg

max-width aparentemente funciona ok en IE7 (viendolo a traves de IE8, modo IE7). Hace una escala proporcional de las fotos. En cambio IE8 ajusta el ancho y no el alto. Por otro lado, en ningun caso reconocen los hacks alternativos.

Última edición por mayid; 09/10/2009 a las 11:42
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:56.