resolucion 1360px estira imagenes web

[mayid]

HOla. Acabo de cambiar pantalla (hace cosa de 15 dias) y noto que hay imagenes en la web que no tienen el mismo tamaño vertical que en la resolucion 1024x700px.

Como puedo hacer para que en resolucion 1360x700 las imagenes se mantengan en su proporcion real, siendo que el problema es solo con algunas fotos?

[Rafael]

Hola. El problema no es solo con unas fotos, sólo en unas fotos es muy notorio que es diferente.

Me costó trabajo entender a que te refieres, pero creo que a lo que te refieres es que cambiaste la resolución en pantalla de tu computadora. Y entiendo que es widescreen.

Antes tenías un aspect ratio de 700/1024 =.68 y ahora cambiaste el aspect ratio a 700/1360=.51.

Si tu tarjeta de video no tiene la opción de compensar el aspect ratio no puedes hacer nada, excepto probar otra resolución.

Aspect ratio es la relación vertical-horizontal de los pixeles de la pantalla. No se saca con la fórmula que te puse directamente, es para que entiendas el concepto. La fórmula incluiría una regla de 3 adicional.

Probablemente haga falta mover el post a hardware o SO.

Saludos.

[mayid]

@Rafael: Yo creo que son dos cosas. Por un lado, hardware, por otro CSS o cosa de navegadores.

En Opera yo veo bien la proporcion (las imagenes no se estiran). En IE8 veo algunas imagenes que se estiran. Esto me pasa con la cabecera de mi pagina. Y tambien con una fotos que tengo en wordpress.

Ahora que no tengo monitor de 800x600 (o 1024x700) me pregunto como seguir diseñando. Pero tambien es cierto que la diferencia
que veo en imagenes estiradas es entre navegadores.

[Rafael]

Oh, perdón, para adivino .

Pon una captura de pantalla con el problema o algo así, ya que por ejemplo yo veo bien en general la proporción.

Detalla cual imagen y probablemente el pedazo de código (supongo no están en flash)

Y a ver si te pasan a la sección de Css. Saludos.

Edito. Suponiendo un poco, probablemente alguna imagen tiene un with en porcentaje...

[mayid]

@Rafael: lo que me dijistes en un principio esta mas que acertado. Tengo pantalla widescreen, y por lo que veo la proporcion es 4:3 (no estoy seguro de como cambiarlo).

Lo que te respondia es que tengo diferencias en distintos navegadores, y aqui estan las imagenes (originariamente no son en flash, sino jpg), en IE8 y Opera 10 respectivamente:





Muchas gracias por ayudarme.

EDITADO: viendo el CSS, y segun algo que me dijeron ayer, empiezo a pensar que el problema es max-width!

#foto_cabecera {width:100%;
margin:0 ; padding:0;
max-width:1024px;
}

[Rafael]

Ok. Yo el sitio lo ví bien con un Ie7.
Pero a ver si te mueven a la sección Css, porque por ahí va. Aunque lo que está deformado no es el with sino el height...

Sin revisar el código... se me hace que se están sumando alturas dentro del espacio que ocupa tu cabecera...

[mayid]

Como quieran. Yo algo plantee ahi, pero no llegamos a ninguna conclusion. Tengo un codigo para CSS que es alternativo a max-width, pero la verdad es que eso sirve para IE6, a mi entender.

Vuelvo a decir que lo que me pasa , pasa con resolucion 1360x700. En 1024 la cosa va bien.

Y dicho sea de paso, aun me queda pendiente seguir esa indicacion que me hicistes, acerca de la proporcion de los monitores. Tengo un 19'', y cuando lo seteo en 1024 me esta ocupando toda la pantalla, como si fuera un 17'', siendo que yo esperarìa tener margenes o algo que simule un monitor "cuadrado".

Gracias!