Se supone que todo debería centrarse usando align:center pero no es así cada elemento tiene formas distintas de centrarse, así que veamos:
Centrar un DIV
Tanto para centrar un div (capa) dentro de otro como para centrarlo en el body no se requiere usar align(es más no existe esa propiedad), basta que le asignes un margen automático
[cc lang=»css»]
#micapa {
margin:auto;
}
[/cc]
Centrar un texto
Para centrar un texto dentro de una etiqueta p, table, div,etc si funciona el text-align
[cc lang=»css»]
p {
text-align:center;
}
#midiv {
text-align:center;
}
[/cc]
Centrar una imagen
Para centrar una imagen también se puede utilizar el text align o la etiqueta center pero sobre el objeto que la contenga, si a una imagen le pones text align center no se centrará pero si esta dentro de un div a este debes ponerle la alineación
[cc lang=»css»]
#midivcontenedor {
text-align:center;
}
[/cc]
La otra opción es:
[cc lang=»html»]
[/cc]
Centrar una tabla
No puedes centrar una tabla usando CSS, si usas text-align center con una tabla se centrará el texto contenido pero no la tabla, debes usar align=»center» sobre la tabla, además si reseteaste el CSS con margin:0px tampoco funcionará, deberás darle un margen automático
[cc lang=»html»]
[/cc]
Es margin auto solo hace falta si reseteaste los margenes para todos los elementos (eso se acostumbra por compatibilidad entre browsers, ya postearé algo sobre la utilidad de eso)
Si deseas centrar texto dentro de la tabla, es posible aplicarlo sólo a ciertos TD como titulos o resultados numericos usando text-align:center
Centrar una película flash
Para esto puedes usar la etiqueta center, otra opción es colocarla dentro de un div pero no respetará ningún estilo al menos que la película tenga asignada la propiedad wmode=»transparent» igualmente no respetará la propiedad z-index y se superpondrá a todo objeto a menos que este con wmode=»transparent».
