centrar un div

alfil123 · #1 (**permalink**) 20/05/2009, 21:43

hola amigos estoy intentando centrar un div y me estoy volviendo loco, el div que contiene a todo lo demas de la pagina se muestra al lado derecho de la pantalla y nose si alguien pueda ayudarme

este es el codigo que uso ahora
#contenedor_pagina_index2{
height:950px;
background:#003366;
}

#container {
width: 866px;
margin: 0 auto;
padding: 0;
text-align: justify;
color: #000000;
background: #fff;
}

daPhyre · #2 (**permalink**) 20/05/2009, 21:59

El container está bien. ¿No se ve en ninguno? ¿Usas el DOCTYPE correcto?

Si a todo lo anterior responde si, necesitaríamos ver el resto de tu código. Suerte

denica001 · #3 (**permalink**) 21/05/2009, 01:55

Es facil, para que este centrado tu div contenedor tiene que estar encerrado dentro de algun elemnto de bloque (usualmente es la etiqueta body, u puede ser otro div) en el cual se defina la propiedad text-align=center

Ejemplo

body {
text-aglin:center;
-->
-->
-->las propiedas que quieras agregar
}

#container {
-->
-->
-->las propiedas que quieras agregar
}

Y por supuesto

Código:

<body>
    <div id=container>
    </div>
</body>

Contame como te fue.
Saludos.

Calizman · #4 (**permalink**) 21/05/2009, 02:27

Saludos!!

Si bien, la respuesta de denica001 podria funcionar, tengo que aclarar que no es la forma correcta de centrar un div. Para centrar un div, es necesario usar un Doctype valido, y usar la propiedad Margin: 0px auto;

Esta forma es la correcta para centrar divs, espero que te ayude!

Hasta luego

jomaruro · #5 (**permalink**) 21/05/2009, 13:12

Hola:

Cita:

Iniciado por denica001

body {
text-aglin:center;
-->
-->
-->las propiedas que quieras agregar
}

la propiedad text-align sólo sirve para alinear, precisamente eso, texto.

La mejor solución es:

Código:

* {
    padding:0;
    margin:0 auto;
}

Saludos.

rmonroy · #6 (**permalink**) 28/08/2009, 21:30

excelente la solucion de jomaruro, solamente no se olviden de añadir tambien

position: relative;

al container :)