Hola Foreros! Necesito de su ayuda :D
Les cuento:
Tengo que implementar una página que tiene 2 fondos, para lo cual colocaré en fondo más grande como fondo principal del body y un div en la parte superior que quiero expandir hacia todo el ancho disponible y poner en ese div el otro fondo (100%) y hacer que el div quede pegado a la parte superior. El problema de esto es que aunque esté al 100% me quedan espacios entre el div y el navegador y también en la parte superior, dejo una imágen:
Supongamos que el fondo blanco es el fondo principal y el div de color negro contiene el fondo secundario que es más pequeño, pero aún así a los lados del div me quedan espacios en blancos (del fondo principal), eso debe ser tapado por el fondo secundario del div.
Espero que me puedan ayudar a solucionar ese problema, ya intenté con todo (no me manejo mucho en CSS)
Les dejo el código que hice como ejemplo:
Código:
<html>
<head>
<style>
div {
background-image: url(background.png);
background-repeat: repeat-x;
background-position: left top;
color:white;
}
</style>
</head>
<body>
<div>
cotenido aqui<br />
cotenido aquí<br />
cotenido aquí<br />
cotenido aquí<br />
cotenido aquí<br />
cotenido aquí<br />
</div>
</body>
</html>
Saludos!