elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
26 Mayo 2012, 14:59  


Tema destacado: Recuerda que debes registrarte en el foro para poder participar (preguntar y responder)

+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  align="center" en css
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: align="center" en css  (Leído 478 veces)
WHK
吴阿卡
Ex-Staff
*
Desconectado Desconectado

Mensajes: 4.113


The Hacktivism is not a crime


Ver Perfil WWW
align="center" en css
« en: 30 Diciembre 2011, 14:07 »

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

Digamos que tengo el siguiente ejemplo:
Código
<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
<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 :)


« Última modificación: 30 Diciembre 2011, 14:09 por WHK » En línea

Mi foro Ultra Off-Topics: http://whk.drawcoders.com/foro/

Gracias a todos! Good bye!
Novlucker
Ninja y
Ex-Staff
*
Desconectado Desconectado

Mensajes: 10.239


Yo que tu lo pienso dos veces


Ver Perfil
Re: align="center" en css
« Respuesta #1 en: 30 Diciembre 2011, 14:44 »

Código
margin: 0px auto;
:P

Saludos


En línea

Contribuye con la limpieza del foro, reporta los "casos perdidos" a un MOD XD
http://twitter.com/novlucker

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

karmany


Desconectado Desconectado

Mensajes: 1.254



Ver Perfil
Re: align="center" en css
« Respuesta #2 en: 30 Diciembre 2011, 18:15 »

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

Realmente margin: 0 auto, es esto:

Código
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.
En línea

- "Tu sitio para aprender, enseñar y compartir"
WHK
吴阿卡
Ex-Staff
*
Desconectado Desconectado

Mensajes: 4.113


The Hacktivism is not a crime


Ver Perfil WWW
Re: align="center" en css
« Respuesta #3 en: 31 Diciembre 2011, 19:23 »

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.
En línea

Mi foro Ultra Off-Topics: http://whk.drawcoders.com/foro/

Gracias a todos! Good bye!
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines