Ver Mensaje Individual
  #12 (permalink)  
Antiguo 11/05/2011, 16:59
Avatar de baccxus
baccxus
 
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 5 meses
Puntos: 17
Respuesta: Centrar imagen dentro de un div

Hola, también hay otra forma, alineando la imagen a un 50% vertical y un 50% horizontal y después restándose la mitad de la altura y la mitad del ancho de la imagen en la margen:
Código CSS:
Ver original
  1. #alignfoto {
  2. position: absolute;
  3. top: 50%;
  4. left: 50%;
  5. margin-top: -100px;
  6. margin-left: -100px;}

Código HTML:
<html>
<head>
<title>Centrado</title>
</head>
<body>
<div id="alignfoto">
* * <img src="arch/fotos/dmm84/2011/Dimas.jpg" width="200" height="200" />
</div>
</body>
</html> 
Saludos, funciona para todo, inclusive desde IE6
__________________
Al final del día hablar es gratis, codificar no lo es

Última edición por baccxus; 11/05/2011 a las 17:06