imagen de fondo

alavaros · #1 (**permalink**) 25/03/2011, 05:15

Buenas, es una cosa simple, pero no me sale. He leido otros posts, y no lo consigo. Se trata de poner una imagen de fondo en un div, estoy haciendolo mediante css, para que luego pueda escribir sobre esa imagen, os pongo el código:

Código HTML:

Ver original<body>
<div id="main">
</div>
</body>

Código CSS:

Ver originalbody{
}
 
#main{
    background: url("../img/fondo.jpg") no-repeat;
}

JavierB · #2 (**permalink**) 25/03/2011, 05:22

Hola alavaros

El código parece correcto. Asegúrate de que la imagen está en la ruta que has puesto y que has escrito escrito bien el nombre, diferenciando mayúsculas de minúsculas.

Saludos,

alavaros · #3 (**permalink**) 25/03/2011, 05:29

Cita:

Iniciado por JavierB

Hola alavaros

El código parece correcto. Asegúrate de que la imagen está en la ruta que has puesto y que has escrito escrito bien el nombre, diferenciando mayúsculas de minúsculas.

Saludos,

Si, he comprobado que todo está correcto, y también he notado que solo aparece si escribo un texto, he puesto una línea y me aparece la imagen, pero solo el trozo que ocupa la línea, unos 21 pixeles de alto:

Código HTML:

Ver original<body>
        <div id="main">
            Este texto irá sobre una imagen de fondo
        </div>
    </body>

¿Hay que definir obligatoriamente la altura al div para que salga la imagen completa?

JavierB · #4 (**permalink**) 25/03/2011, 05:31

Hola de nuevo.

Pues sí, es eso, tienes que darle algún tamaño. La imagen sale como fondo del div, pero si el div no ocupa nada es como si no tuviera fondo.

Saludos,

alavaros · #5 (**permalink**) 25/03/2011, 05:40

Cita:

Iniciado por JavierB

Hola de nuevo.

Pues sí, es eso, tienes que darle algún tamaño. La imagen sale como fondo del div, pero si el div no ocupa nada es como si no tuviera fondo.

Saludos,

Tendre que ponerlo así, jejeje, gracias.