No me sale centrado.

mariomon17 · #1 (**permalink**) 03/02/2010, 17:20

Hola a todos, tengo un div que quiero centrarlo en medio de la pagina, tengo esto:

Código HTML:

Ver original<body>
<div class="uno">
</div>
<body>

Código CSS:

Ver originalbody {text-align: center}
.uno {...}

Q pasa?

daPhyre · #2 (**permalink**) 03/02/2010, 17:53

Para centrar un div debe ser de esta forma:

.uno{width:600px;margin:0 auto}

Suerte.

pitufoweb · #3 (**permalink**) 03/02/2010, 17:55

text-align es para centrar el texto y imágenes

para centrar el div ponle margin auto hacia ambos lados y dale un ancho.

ejemplo:

.uno {margin: 0 auto; width: 300px;}

P.D. Me gano daPhyre a publicar la respuesta :p

Saludos
Pitufo

mariomon17 · #4 (**permalink**) 04/02/2010, 09:28

Gracias a todos,
lo arregle de esta manera:

Código HTML:

Ver original<body>
<div class="all" align="center">
<div class="uno"></div>
</div>
</body>

Tecna · #5 (**permalink**) 04/02/2010, 15:48

Buenas,

no entiendo por qué si quieres centrar un elemento aplicas el estilo a otro (primero a body y luego creas otro div), aplicalo directamente al elemento y ya está.

Ya te han dicho como centrarlo, sólo añadir que text-align aunque es para lo que ya se ha comentado conviene añadirlo para que se centre en IE ya que en algunas versiones al menos funcionaba así.

Por otro lado usar atributos para estilos en el código HTML está totalmente desaconsejado es mejor ponerlo en una hoja de estilos externa, queda el código más limpio, es mas fácil hacer cualquier cambio y también por motivos de accesibilidad.

jomaruro · #6 (**permalink**) 04/02/2010, 17:17

Hola:

Cita:

Iniciado por Tecna

Por otro lado usar atributos para estilos en el código HTML está totalmente desaconsejado es mejor ponerlo en una hoja de estilos externa, queda el código más limpio, es mas fácil hacer cualquier cambio y también por motivos de accesibilidad.

Aparte de que la etiqueta "align" no validaría en CSS ya que es una etiqueta obsoleta.

Saludos.