Ver Mensaje Individual
  #2 (permalink)  
Antiguo 14/07/2011, 02:04
Avatar de vgonga1986
vgonga1986
 
Fecha de Ingreso: marzo-2008
Ubicación: País de Pandereta
Mensajes: 1.021
Antigüedad: 16 años, 1 mes
Puntos: 253
Respuesta: Como centrar una imagen verticalmente en un div

No es nada sencillo lo que propones, sobre todo por la pega de que cambias la imagen y tiene tamaños diferentes. En CSS2 no se puede centrar verticalemente (si, es así de duro). Lo que hay es muchos trucos.

Si sabes el tamaño de la imagen lo más normal es centrarlo usando lo que se propone aquí. Otro truco es usar la propiedad vertical-align que tienen los img, cuyo cometido es centrar verticalemente el texto que rodea a una imagen, puedes ver la idea aquí.

Espero que alguno de los enlaces te sirva, creo que la solución por la que yo tiraría sería la primera, pero añadiría PHP para detectar el tamaño de la imagen y ajustar los valores.

Un saludo.