imagen fija en diferentes resoluciones

[fede_carbone]

Hola,

estoy trabajando con una serie de imagenes, soy un poco nuevo en esto.

Me surgio el inconveniente de que a la hora de cambiar la resolución de mi pc, la imagen varía su tamaño.
He probado asignandole a la imagen un maximo de ancho, o manejar los parametros de tamaño de la imagen y del div, tanto con % como con pixels, y sin embargo la imagen sigue viendo modificado su tamaño a la hora de cambiar la resolución.

Debo asignarle los estilos a la imagen, o al div que la contiene?

Código HTML:

<div id="conteniendoimagen">
    <img src="imagen/bandera" width="200" height="200" />       
 </div> 

A la imagen debo asignarle un id o una clase y trabajar con sus parametros de tamaño desde allí?.

Si quiero que la caja que contiene a la imagen se mantenga fija, debería usar

Código:

position:fixed

, no?

Pero en ese caso no me imposibilitaria de manejar que la imagen mantenga su tamaño?

Gracias.

[pzin]

Estás mezclando algunas cosas. Una cosa es una posición fija, otra cosa una imagen con un tamaño específico y otra cosa son anchos máximos.

Si quieres que la imagen siempre tenga el mismo ancho, simplemente le especificas un ancho, o un alto, o ambos valores —si sólo pones uno el otro es calculado automáticamente para que tenga la misma proporción— o no pones valor alguno y la imagen mantendrá alto y ancho originales.

Ahora si quieres que tenga un ancho máximo, puedes hacer algo así:

Código CSS:

width: 100%;
max-width: 300px;
 

[Rafael]

Y además estás definiendo el ancho y alto desde el html.

Aunque estos 2 atributos sí se sigen usando sólo son para que el html le aparte un espacio. Esos valores siempre son en pixeles, por lo que seguramente no te funcionó ponerle porcentajes ahí.