Hola tengo un problema con una imagen de fondo un contenedor con un ancho fijo (que tiene que ser fijo) y un scroll horizontal. Tal vez alguno pueda ayudarme.
Simplificándolo pongamos el siguiente HTML
Código:
<body>
<div id="header"></div>
<div id="fijo"></div>
</body>
Y estas CSS
Código:
#header {
background-image:url("fondo_head.jpg");
background-repeat:repeat-x;
height:145px;
}
#fijo {
margin:0 auto;
overflow:hidden;
width:1300px;
*/no me queda otra con este ancho/*
height:40px;
}
Lo que sucede es que a una resolución amplia por ejemplo 1440*900 se ve bien.
Vale, a 1024*768 tendré un scroll horizontal. El problema está en el header.
Al desplazar la barra de scroll la imagen que aparece en la parte superior repetida
se corta. Es decir aparece en blanco a partir de la zona desde la que desplazamos el scroll.
El scroll horizontal ya sé que no es nada recomendable pero no me queda otra
para resoluciones "pequeñas".
¿Alguna idea?
¡Gracias!