Entrar

Centrar DIVs

experimentator · · Solicitar retirada
Hola a todos. He aprendido bastante con el curso de jorgens partiendo de que hace un mes no tenía ni idea.

Me estoy montando una página web y me he atascado en un punto. La estoy creando con DIVs y quiero que con un ancho de 800px quede centrada en el monitor. Según he entendido en el curso de jorgens, basta con añadir TEXT-ALIGN: center en la hoja de estilo de BODY, pero lo único que me centra es el texto de la página. ¿Me podéis echar una mano?

Un saludo
Usuario 1064 · · Solicitar retirada
te tiene que funcionar, al decirle text-align:center en el BODY, te centra textos, tablas y lo que le heches al body.

<html>
<head>
<style>
body {
text-align:center;
margin:12px auto 12px auto;}

#contenedor {
width:500px;
height:auto;
margin:auto;
background-color:pink;
text-align:left; }


</style>
</head>


<body>
<div id=contenedor>hola amigos bla bla bla </div>
</body>
</html>
experimentator · · Solicitar retirada
Pues llevo más de una semana con el tema y ya no sé que hacer. Mi hoja de estilos es algo así:

body {
background-color: #999999;
text-align: center;
}

#fondo {
background-color: white;
background-position: center;
width: 800px;
padding: 4px 4px 4px 4px;
text-align: center,
}

#logo {
background-color: #99FFFF;
width: 798px;
_width: 796px;
margin: 0px 0px 2px 0px;
border: black 1px solid;
}

#menu {
background-color: #99FF99;
width: 100;
_width: 98px;
margin: 2px 2px 2px 0px;
border: black 1px solid;
float: left;
}

#texto {
background-color: #CCCCCC;
width: 692px;
_width: 694px;
margin: 2px 0px 4px 2px;
border: black 1px solid;
float: right;
}

#pie {
background-color: #99FFFF;
width: 798px;
_width: 796px;
margin: 0px 0px 0px 0px;
border: black 1px solid;
clear: right;
}

Y solo consigo que me centre los textos. No lo entiendo.

Gracias

PS: Lo de la doble línea con los comandos es para que se vea igualmente sin problemas en explorer y en firefox.
Usuario 1064 · · Solicitar retirada
Prueba a colocarle un: "margin:auto;" al div "#fondo".