Cuando configuro la posición css de mi div en absoluto, la imagen de fondo desaparece, ¿ayuda?

Estoy tratando de lograr el diseño común de un gráfico en la parte superior e inferior de mi pantalla. Tengo un div con una imagen de fondo en la parte superior y otra en la parte inferior. No hay problemas con el de arriba pero, por supuesto, quiero que el de 'abajo' permanezca al final de mi página. Para hacer esto, establezco un div contenedor con posición: relativa y luego establezco el div {posición: absoluta '' inferior '; bottom: 0;} El problema es que tan pronto como configuro la posición div 'bottom' en absoluta, ¡la imagen de fondo desaparece! Tengo una altura de 40px para el div inferior, pero está vacío.

He subido dos versiones: con las imágenes mostrando pero un posicionamiento desagradable www.NottsGuitar.co.uk Con posicionamiento absoluto: www.NottsGuitar.co.uk/indexabsolute.php

preguntado el 08 de noviembre de 11 a las 13:11

1 Respuestas

Intenta configurar width: 100%; también.

respondido 08 nov., 11:17

¡Sí, eso hace que vuelva a aparecer el fondo! Configuré los divs superior e inferior al 100% de ancho y ahí están, excepto que ahora tengo que jugar un poco más con el posicionamiento, porque ahora puedo ver que están en el lugar equivocado. Pero eso debería estar bien. Muchas gracias Ian. - Simon Jackson

Gracias más de 3 años después por esto, acababa de montar un div con un video de fondo y olvidé el ancho: 100%; en el div principal, y esto me hizo doh y lo solucionó. Salud :) - Entonces, vuela

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.