centrar en un div (login)

Mathip · #1 (**permalink**) 16/03/2013, 17:14

hola quiciera mediante html y css hacer esto: http://clientes.g2khosting.com/new/ o sea no una copia sino algo similar un encabezado con un logo y un boton que diga volver en el centro un cuadro de login y debajo un pie de pagina. O sea a grandes rasgos como seria el codigo html y css, porque e intentado y el cuadro de login nunca me queda en el centro. muchas gracias

pzin · #2 (**permalink**) 16/03/2013, 17:40

¿Y cómo lo estás intentando?

Mathip · #3 (**permalink**) 16/03/2013, 18:02

con align='center' en el div donde se encuentra el cuerpo

pzin · #4 (**permalink**) 17/03/2013, 02:49

Ese atributo está obsoleto en HTML4.1 y no soportado en HTML5.

Puedes usar CSS:

Código CSS:

Ver originaldiv {
  width: 400px;
  margin: 0 auto;
}

altolevel · #5 (**permalink**) 17/03/2013, 10:02

Creo que yo lo haría con text-align:center, aunque hay otras maneras. Ejemplo:

Css:

Código:

.contenedor {position:relative;	 width:965px; height:1000px; margin:0px auto; text-align:center;}
.cabecera{width:965px; height:150px;}
.cuerpo {width:965px; height:300px;}
.pie {width:965px; height:150px;}

Html:

Código:

<body>
<div class="contenedor">
<div class="cabecera">Aquí el logo
</div>
<div class="cuerpo">Aquí la caja de login
</div>
<div class="pie">Aquí el pie de página
</div>
</div>
</body>

pzin · #6 (**permalink**) 17/03/2013, 13:08

altolevel con text-align no puedes alinear elementos de bloque. Tu ejemplo sólo centra el texto, no el elemento.

altolevel · #7 (**permalink**) 19/03/2013, 05:25

si, no había visto tu ejemplo. eso debería servirle