align="center" en css

Iniciado por WHK, 30 Diciembre 2011, 14:07 PM

0 Miembros y 1 Visitante están viendo este tema.

WHK

Estaba averiguando que no es lo mismo decir align="center" a decir style="text-align: center;".

Digamos que tengo el siguiente ejemplo:
Código (html4strict) [Seleccionar]

<div style="text-align: center;">
<div style="text-align: left; width: 50%; border: 1px solid black;">Hola  </div>
</div>


No me centra la división pero si los textos y yo no quiero centrar los textos sino la división, por lo cual tube que poner un text-align left y align:

Código (html4strict) [Seleccionar]

<div align="center">
<div style="text-align: left; width: 50%; border: 1px solid black;">Hola  </div>
</div>


Ahi si funciona.


Entonces en resumidas cuentas ¿cual es mi pregunta?...
Como puedo hacer un align="center" solo con css? ya que antes usaba <center> pero me di cuenta leyendo el rfc de html que está deprecated o sea obsoleto asi que lo reemplazé por align center, pero y si quiero controlar esas cosas atraves de hojas de estilo como lo puedo hacer?

Intenté poniendo position relative y tmpoco funciona, la única manera es en firefox con moz-box y ahi se centra bién pero la idea es hacerlo en los demás exploradores también (internet explorer no me interesa, es un caso perdido, un asco de explorador, pero por lo menos que ande en opera y chrome).

Gracias para el que pueda darme una mano :)

Novlucker

Contribuye con la limpieza del foro, reporta los "casos perdidos" a un MOD XD

"Hay dos cosas infinitas: el Universo y la estupidez  humana. Y de la primera no estoy muy seguro."
Albert Einstein

karmany

Efectivamente, se hace como dice Novlucker y te funcionará perfectamente hasta en IE6.

Realmente margin: 0 auto, es esto:

Código (css) [Seleccionar]
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;


Se pone margin: 0 auto; porque ocupa lo mínimo pero lo que te centra el div es:
margin-right: auto;
margin-left: auto;

De todos modos echa un vistazo a los códigos de cualquier página que esté centrada y verás cómo se ejecuta.

WHK

aahh muchas gracias, y que tiene que ver el margin con el centrado si por defecto las divisiones comienzan con margin 0? que cosa le asigna con auto? normalmente auto debería asignar un valor existente dentro de la propiedad margin, está bién curioso, nunca pensé que un margin pudiera definir el centrado de una división :P gracias.