Ver Mensaje Individual
  #2 (permalink)  
Antiguo 07/05/2011, 14:32
angelfcm
(Desactivado)
 
Fecha de Ingreso: abril-2011
Mensajes: 153
Antigüedad: 13 años
Puntos: 236
Respuesta: Como centrar un DIV?

Hola!
Mira están las siguientes formas fáciles de hacerlo:

1.
Código HTML:
<center>
<div> 
CONTENIDO DEL ELEMENTO
</div>
</center> 
2.
Código HTML:
<table align="center">
<tr><td>
<div> 
CONTENIDO DEL ELEMENTO
</div>
</td></tr>
</table> 
3.
Código HTML:
<div style="width:200px;margin:auto;"> 
CONTENIDO DEL ELEMENTO
</div> 
Ahora un detalle para cada forma usada:
  1. Elemento <center> - Lamentablemente ésta etiqueta ya es obsoleta para los doctype modernos pero aún sigue funcionando.
  2. Atributo align - También ya es obsoleta pero sigue funcionando.
  3. Propiedad margin - Efectivamente ésta propiedad de CSS es la actualmente usada para centrar elementos y es la que yo te recomiendo para que tus documentos sean válidos para los doctype modernos.

Bueno básicamente sólo usa margin y usando el valor auto para que se distribuya el elemento correctamente.

Saludos!