Gente del foro
Abro este tema, para ver si me pueden dar una mano con esto que me está pasando. La verdad que estuve toda la tarde rompiéndome la cabeza y no logro entender que estoy haciendo mal.
Estoy aprendiendo CSS mientras desarrollo un sitio. Lo pienso dividir en tres cajas:
#cabecera, #cuerpo y #pie.
La idea que que todas tengan un fondo en degradado, para lo cual generé tres imágenes del mismo ancho, pero distintos altos. Una imágen para cada caja.
Las tres imágenes, además, tienen bordes laterales de 1px en color gris claro.
Bueno sin explayarme mas el problema es que en #cabecera la imagen se ve perfecto, pero en #cuerpo no se ven los bordes.
Aclaro que la imagen de cabecera es fija y la del cuerpo se repite verticalmente.
Dejo parte del codigo CSS
Código:
#cabecera{
background:url(imagenes/header2.gif) no-repeat;
width: 768px;
height:143px;
margin:0 auto;
padding:8px 0 0 0;
position:relative;
}
#cuerpo {
background:url(imagenes/fnd_contenidos.gif) repeat-y;
width: 768px;
height:50px;
margin:0 auto;
/*padding: 20px 10px 20px 15px;*/
position:relative;
}
Saludos a todos y de antemano muchas gracias!!