width 100% height 100%

Puse una imagen jpg 1262 x 1676; mi intención era que se ajustara a cada resolución. En mi css las declare width 100% height 100% en firefox ,chrome y safari la imagen se distorcionaba.

Mi duda es: firefox ,chrome y safari no acepta los % ???? :confused:


Saludos

Si, si que los aceptan, pero si pones el 100% ocuparan pues eso, el 100% del espacio en elq ue esten contenidos, tienes que buscar la cantidad que valla bien en todos.

Los porcentajes son muuuuuuuuuuuuuuuuuuuuy jodios

nosabernada escribió:Los porcentajes son muuuuuuuuuuuuuuuuuuuuy jodios

Pero con que te valla bien en tu pantalla, se verá igual en todo, y es muy util (ademas en cosas como que puedes poner por ejemlpo width: 98.35% sin que el naegador se confunda)

no me funciona con % solo en IE.

en mi css:


#contenedor {
position:absolute;
left: 0px;
}


#contenedor img
{
width:99.98%;
height:99.98%;
}


<div id="contenedor">

<img src="/images/completa-proximamente.jpg" alt="GoNatural" />



</div>

Ya te digo yo que con Firefox 6 BATA si que funciona, y con Firefox 5 y 4 también.
Pero es solo que pruebes ahsta dar con el numero

Listooo!! ya quedo Gracias