Trabajo con div, problema centrando

juanma201092 · #1 (**permalink**) 13/02/2011, 20:08

Buenass, estoy diseñando una página web y la estaba haciendo con formato de tablas, leyendo encontré que era mejor trabajar con capas o con div. Comencé a realizar mi página web pero me doy cuenta que no me queda centrada la página. Es decir, utilizo un div para el título de 1000px * 100 px, bueno, a la hora de ver la página de prueba me queda centrado pero respecto al div que creé y cuando expando la pantalla no me queda centrado.
¿Qué debo hacer para que el título y toda la página quede centrada??

Estoy usando el Dreamwaver

richicasas · #2 (**permalink**) 14/02/2011, 03:27

Eso se hace con css, en el div contenedor de la pagina le pones esta propiedad en el css del dichoso div contenedor:

Código CSS:

Ver originalmargin:auto;

#3 (**permalink**) 07/04/2011, 13:36

Agregando a lo que el colega puso, casi siempre conviene agregarle un width junto con el margin para que no se corra el contenido por separado, colacas un solo width al contenedor y queda bien centrado todo.

Código CSS:

Ver original#contenedor{
width: 900px;
margin:auto;
}

Suerte!

GatoGordo · #4 (**permalink**) 07/04/2011, 14:11

Bueno, yo más bien le pongo "margin: 0 auto" en el contenedor y con eso queda centrado.

Saludos!

conexion · #5 (**permalink**) 07/04/2011, 17:41

Cita:

Iniciado por GatoGordo

Bueno, yo más bien le pongo "margin: 0 auto" en el contenedor y con eso queda centrado.

Saludos!

Correcto, pero conviene matizar que el documento debe llevar doctype y definido el ancho del div.

znarer · #6 (**permalink**) 08/04/2011, 04:10

Cita:

Iniciado por conexion

Correcto, pero conviene matizar que el documento debe llevar doctype y definido el ancho del div.

Estoy de acuerdo con el hecho de documentar bien el doctype, pero yo he trabajado con divs container y, aplicando sólo margin: 0 auto; y aún así he conseguido resultados.

Eso sí, he definido los anchos en los siguientes divs (el referente al nav y los demás divs con contenido).