Problema imagen fondo div

elrufoelrufo · #1 (**permalink**) 15/10/2008, 14:22

Hola,

me estoy volviendo loco intentando poner una imagen de fondo en un div mediante css. Tengo la siguiente pagina de prueba y no me funciona.

prueba.html

Código HTML:

<html>
  <head>
  <LINK REL=StyleSheet HREF="prueba.css" TYPE="text/css" MEDIA=screen>
  <title></title>
  </head>
  <body>
		<div class="fondo">
		</div>
  </body>
</html>

prueba.css

Código:

.fondo{ background-image: url(../imagenes/top.gif)}

El caso es que con firebug me carga el css pongo el ratón en la unica linea que tiene y muestra la imagen pero no me la muestra en pantalla. En explorer tampoco funciona.Me sale una página completamente en blanco y no muestra la imagen. Lo he simplificado todo lo posible

¿Sabeis decirme que hago mal?

Siento preguntar una cosa tan tonta pero soy un principiante.
Gracias.

Gurrutello · #2 (**permalink**) 15/10/2008, 14:42

Hola
si la direccion o url del css y de la image esta correcta no tendira que tener ningun problema.
prueba
.fondo{ background-image: url(../imagenes/top.gif)
height:200px;
width:200px;
}
dandole alto y ancho al div. el div a no tener contenido ni dimensiones, este no se ve.

elrufoelrufo · #3 (**permalink**) 15/10/2008, 14:46

Gracias. Era por no darle tamaño al div. :)

elrufoelrufo · #4 (**permalink**) 15/10/2008, 15:54

Hola,

esto me ha funcionado para mozilla pero sin embargo en el exlorer sigue sin salir la imagen.

Ayuda please.

Muchas Gracias.

Gurrutello · #5 (**permalink**) 15/10/2008, 17:57

hola, si funciona para uno debe de funcionar para los dos.
prueba limpiando el cache del explore y refrescando la pagina

trevol · #6 (**permalink**) 01/06/2010, 17:31

hola alguien me dice como puedo poner una imagen en una capa sin que sea como background, gracias este codigo no me funciona.

Código PHP:

  #cabezera 
    {
    image: url(imagen/bodysuplelogo.jpg);
        }

jomaruro · #7 (**permalink**) 04/06/2010, 14:19

Hola:

¿Te has dado cuenta de que el tema es del 2008? La próxima vez plantea tu pregunta en un tema nuevo.

¿Quieres poner la imagen como fondo? La única manera es como indica tu código, sin embargo dices que no te funciona, confirma que la ruta de la imagen sea la correcta.

Saludos.