Estoy haciendo una web a la cual quiero agregarle al background una imagen, lo agrego de la siguiente manera:
Código :
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#fondoindex {
width: 100%;
height: 1000px;
margin: 0 auto;
margin-top: 0px;
background-image:url(../fondo/fondoprueba.jpg);
}
el problema es que al escalar el navegador este me muestra un borde blanco cuando aparece el scroll horizontal, osea me muestra bien al 100% la imagen pero cuando aparece el scroll y lo uso me muestra un borde de 5 cm aprox blanco.
Como hago para poner dicha imagen y q no se me escale, quede fija y me muestre el scroll cuando sea necesario pero sin moverse.
No se si logre explicarme, dejo 3 img para q lo vean.
Primer img se ve bien, el background ocupa todo el ancho.
Segunda img, escale el navegador el background se ve correcto y me aparece el scroll horizontal, eso esta bien.
Tercer img, al mover el scroll me aparece la franja blanca en la cual deberia estar el fondo, ese es el error.
