17/01/2008, 13:00
|
 | | | Fecha de Ingreso: noviembre-2003
Mensajes: 44
Antigüedad: 20 años, 4 meses Puntos: 0 | |
 Centrar imagen que no se conoce el ancho en un div
A ver, lo que necesito es centrar una imagen rectangular horizontal, dentro de un marco.
El marco es cuadrado, y la parte que sobresale de la imagen las escondo porque activo la propiedad overflow:hidden del marco.
Para el tamaño de la imagen, lo controlo, poniendole un tamaño máximo mediante css, y a partir de ahi que calcule el ancho.
El problema lo tengo cuando quiero centrar la imagen dentro del marco, al principio habia puesto a la imagen margin-left: -25%; y funciona si tiene un ancho suficiente, pero si la proporción de la imagen no lo permite, en vez de centrarla, lo que hace es dejar una marco vacio al lado derecho.
He buscado soluciones para centrar, pero necesito conocer el ancho de la imagen, y ese es desconocido, solo se la altura. Repito que serian imagenes rectangulares donde el ancho es mayor que la altura. Y haciendo un text-align:center para el marco no me funciona.
Alguna idea. Gracias. |