Hola,
he usado el buscador pero "ratón y background" me da infinidad de resultados y casi ninguno tiene nada que ver con lo que busco.
El caso es que tenía un problema con la imagen de fondo de una página, que se veía mal según las resoluciones de pantalla/navegador. Lo conseguí arreglar con un código que encontré en el Google pero ahora el problema es que cuando intento subir y bajar por la página no puedo hacerlo, solo cuando pincho en algún sitio del contenedor principal. Entonces sí me permite usar la rueda del ratón para subir y bajar. Pero cuando paso el puntero por las zonas laterales deja de moverse.
Supongo que es por alguna de las propiedades de alguna de las capas que he colocado. No sé si alguien sabría indicarme qué falla.
Pongo el código de las capas, en orden de "cuál contiene cuáles":
Código:
HTML {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 100%; OVERFLOW: hidden; PADDING-TOP: 0px
}
BODY {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 100%; OVERFLOW: hidden; PADDING-TOP: 0px
}
#background {
Z-INDEX: 1; POSITION: absolute; WIDTH: 100%; HEIGHT: 100%
}
#scroller {
Z-INDEX: 2; POSITION: absolute; WIDTH: 100%; HEIGHT: 100%; OVERFLOW: auto; TOP: 0px; LEFT: 0px
}
/* Las dos anteriores albergan el contenedor principal: container */
#container {
margin: 0px auto 0px auto;
height:1280px;
width:800px;
padding-bottom:20px;
}
La foto del fondo la pongo en una capa sin ninguna propiedad especial:
Código:
<DIV><IMG id="background" title="" alt="" src="images/fondo.jpg">
</DIV>
Obviamente pensé en cambiar los valores de la capa "background" pero el problema de resoluciones inicial vuelve, aunque pueda usar la rueda del ratón.
¿Alguien puede iluminarme? Gracias de antemano.