Hola , buenas tardes , soy nuevo en el foro , no se si lo que expongo, está explicado en otro hilo de ser así , no contexteis simplemente darme el link. Por otra parte , he buscado y rebuscado mi problema y no lo encuento , supongo que porque soy novato en esto. Mi problema es el siguiente , tengo una imagen de fondo , en el body , una capa en el centro de la pagina , denominada container , el problema viene cuando , con control+ruleta del raton quito zoom , esa capa , se sube arriba , y lo que quiero es ajustarla al final de la pagina , es decir , que solo el zoom afecte a la capa verticalmente , no horizontalmente, pongo aqui el código , aunque , creo que es bastante sencillo , aunque no logro ver el problema , ante todo muchas gracias y enorabuena por la web .
//////////////css//////////////////
body{
background-color:black;
background-image:url(Images/cristales.jpg);
background-repeat: no-repeat;
background-size:100%;
margin:auto;
}
#contenedor{
position:relative;
background-attachment:scroll;
background-size :100%;
background-color:pink ;
background-repeat:no-repeat;
width:644px;
height:800px ;
margin:auto;
margin-top:-20px;
}
#encabezado{}
#pie{}
////////////html////////////////
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
<html lang="en">
<head>
<link type="text/css" rel="stylesheet" href="style.css" />
<title><!-- Insert your title here --></title>
</head>
<body>
<div id ="contenedor">
<div id="encabezado">
</div>
<div id="cuerpo">
</div>
<div id="pie">
</div>
</div>
</body>
</html>