Uno de los problemas es con el background en los div´s. El problema es el siguiente:
Tengo 2 imágenes que me gustaría ponerlas como fondo del div, una en la parte superior y la otra en la parte inferior. Es el div contenedor de toda la página.
El código css que tengo es el siguiente:
#contenedor {
width: 1000px;
heigth: auto;
position: absolute;
top: 5px;
background-color: #FFFFFF; /*el fondo del body es diferente*/
}
#contenedor arriba {
background-image: url(img/arriba.jpg);
background-repeat: no repeat;
background-position: top center;
}
#contenedor abajo {
background-image: url(img/abajo.jpg);
background-repeat: no repeat;
background-position: bottom center;
}
Las 2 imágenes tiene un width de 1000 igual que el div primero.
No se si estará bien el código, es lo que encontré y trate de adaptarlo a lo que yo quiero, pero no me muestra ninguna de las 2 imágenes.
El segundo problema que tengo, es para poder central horizontalmente este div contenedor.
Al body le puse el atributo {text align: center}, también le agregue esta propiedad al div, pero no hay caso, no se centra. El firefox me lo muestra pegado al left, y el internet explorer me muestra como si tuviera un left del 50%.
Por favor necesito de su ayuda, muchas gracias a todos.