Ver Mensaje Individual
  #2 (permalink)  
Antiguo 02/02/2011, 19:52
Avatar de sanxuan
sanxuan
 
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 3 meses
Puntos: 36
Respuesta: ¿ Como centrar horizontal y verticalmente una imagen dentro de un div ?

La manera más simple usando CSS para centrar horizontalmente sería usar en el div text:align:center.
Suponiendo que el div tenga una altura fija mayor que el tamaño de la imagen puedes usar el siguiente CSS para centrar la imagen tanto horizontal como verticalmente suponiendo que tuviese 400x400px:
{
position:absolute; /*El div debe tener la propiedad position distinta de static*/
top: 50%;
left:50%;
margin-top: -200px; /* El valor 200 es ficticio, debes cambiarlo en cada caso por la mitad de la altura de tu imagen*/
margin-let: -200px;/* El 200 deberás sustituirlo por la mitad del ancho de la imagen */
}
Esto mismo sirve para centrar cualquier elemento dentro de otro a condición de saber el ancho y alto del que va dentro.