Hola, tengo un problema y es que estoy intentando centrar dependiendo de la resolucion del monitor el contenido de una pagina web que esta formada por capas.
La idea es tener una capa principal que ocupe toda la pantalla y que haga de fondo, y luego centrar el resto de elementos a esa capa, pero no lo consigo.
He empezado por poner solo el nombre y el mail x ejemplo y el codigo es este:
estos son los estilos:
#apDiv2 {
position:absolute;
left:468px;
top:107px;
width:261px;
height:50px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:286px;
top:107px;
width:174px;
height:56px;
z-index:3;
}
#resolucion {
position:absolute;
width:100%;
height:100%;
}
#pcpal
{
position:absolute;
width:600;
height:100%;
}
Y aqui el resto:
<div id="resolucion">
<div id="pcpal" align="center">
<div id="apDiv3">
<label for="nombre">Nombre y apellidos : </label> <input name="nombre" size="20" maxlength="80" type="text"><br>
</div>
<div id="apDiv2">
<label for="email">Email : </label><input name="email" size="36" maxlength="60" type="text"><br>
</div>
</div>
</div>
Lo he intentado de mil formas pero soy incapaz ¿alguien me puede echar una mano?
Gracias