Re: [Ovillo] Imagen que se ajuste al div que la contiene
On 7/11/06, Rafael Pastrana Añorve [EMAIL PROTECTED] wrote:
Mi intensión es que la imagen que yo coloque, independientemente del tamaño
de la imagen, se ajuste al div que la contiene.
Adventencia: Estoy hablando sin probar.
Suponiendo que el DIV tenga un ancho definido (cualquier cosa
diferente a auto), creo que podrías usar img {width:100%,
height:100%;}
Para no ser chapucero, lo que deberías hacer es tener todas las imágenes al
mismo tamaño y estaría solucionado el problema. Si son de distinto tamaño
por fuerza mayor, utiliza un lenguaje de servidor para ponerlas al mismo
tamaño antes de cargarlas, y si ya de paso las cacheas, no será necesario
generarlas en cada carga.
No sé si os habéis fijado, pero cuando es el navegador el encargado de
redimensionar la imagen, el resultado es bastante pobre, aparte de que si
las imágenes son grandes, estás obligando al usuario a esperar más de lo
necesario y además consumes más ancho de banda...
Suerte
Eva
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Imagen que se ajuste al div que la contiene
Hola a todos!
Actualmente me encuentro desarrollando una página web utilizando hojas de
estilo.
Mi problema se encuentra al tratar de poner una imagen en un div que lo
definí de la siguiente manera:
#caja #blanca {
background-color:#fff;
height:auto;
width:auto;
border:1px solid #FFC0CB;
}
img, #caja img {
border:0;
margin-right:4px;
margin-left:4px;
z-index:0;
}
Mi intensión es que la imagen que yo coloque, independientemente del tamaño
de la imagen, se ajuste al div que la contiene.
El código que tengo en el HTML es el siguiente:
div id=caja
div id=blanca
img src=img/FotoMaestria.jpg
/div
/div
Lo podría poner creo, con un div absoluto, pero lamentablemente no puedo
ponerlo como absoluto ya que está contenido en un div que tiene a su vez dos
más, uno alineado a la izquierda y otro a la derecha
Ojala pudieran ayudarme.
Gracias.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
