Gente, buenas! antes de explicar voy a poner el codigo asi me resulta mas facil:
Código:
</head>
<body>
<div id="conte_gral">
<div id="conte_encabezado"> <?php include 'encabezado.php' ?> </div>
<div id="conte_cuerpo"> <?php include 'sliderindex.php' ?> </div>
<div id="conte_pie"> <?php include 'pie.php' ?> </div>
</div>
</body>
</html>
Código:
body {
background-color: #000;
}
#conte_gral {
background-image: url(../Images/fondo.png);
background-repeat: repeat-x;
height: 951px;
width: 100%;
}
#conte_gral #conte_encabezado {
height: 276px;
width: 1202px;
margin-right: auto;
margin-left: auto;
}
#conte_gral #conte_cuerpo {
height: 555px;
width: 1202px;
margin-right: auto;
margin-left: auto;
}
#conte_gral #conte_pie {
height: 100px;
width: 1202px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}
Bueno, el problema es que cuando achico el explorador hasta que me aparece el scroll inferior, toda la parte derecha que no se ve pasa a tener un fondo negro (obvio que lo veo al mover el scroll hacia ese lado)... la foto que puse de fondo del
conte_gral es una tira de 19 x 951px que es un degradé que va de un gris claro a negro, x eso mismo puse el repet-x!
Vale aclarar que todo lo que se refiere a contenido se sigue viendo perfectamente, pero repito lo que queda fuera de la pantalla pasa a tener fondo negro y no el degradé!
La verdad que no me doy cuenta que es lo que me falta o sobra y me causa eso!
Espero haber sido claro y que puedan ayudarme!
Gracias!!