css con fondo de .png

rockermendez · #1 (**permalink**) 19/06/2006, 10:38

Buen dia
Este es el caso:
dentro de un css en el cual declaro la propiedades de un div, que son:

Código:

#cent_marg {
	background-image: url(../img/body/images/BODY_01.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #000066;
	font-weight: bold;
}

El archivo css esta linkeado a la pagina xhtml.
luego cuando lo veo en internet explorer 6 si me funciona bien pero cuando lo veo en Firefox no se ve la imagen de fondo.

porque me esta pasando esto, no entiendo cual sea el problema.
ayuda...............!

rockermendez · #2 (**permalink**) 19/06/2006, 10:41

Código HTML:

<body>
<div id="cent_marg">&nbsp;</div>
</body>
</html>

rockermendez · #3 (**permalink**) 19/06/2006, 10:43

perdon pero el formato de la imagen es .jpg y aunque tambien tengo .png tampoco me jalan, que es lo que estara pasando

fer10 · #4 (**permalink**) 19/06/2006, 10:55

por lo que veo la div no tiene porpiedad width ni heigth entocnes al parecer solo mostrara un cachito del fondo "si es que lo muestra" con ../ estas usando una carpeta arriba de donde se encuntra el arhivo css (ojo ! no es donde esta el archivo de html sino el css )a la mejor tienes mal la ruta de la imagen prueba poneindola directamente y asi sabras si es eso o no.

tambien crea la propiedad widht y hegith para saber cuando la imagen ya sea visible
todo esto con la intencion de ir aislando el posible probelma

rockermendez · #5 (**permalink**) 19/06/2006, 10:59

gracias fer10:
fijate que la ruta si esta bien porque se ven en internet explorer pero no en firefox.

fer10 · #6 (**permalink**) 19/06/2006, 11:02

jejej pues no te fies mucho de IE es bien engañoso

rockermendez · #7 (**permalink**) 19/06/2006, 11:45

hice lo que me dijiste y no me funciona.
Cual sera mi problema

kazafun · #8 (**permalink**) 19/06/2006, 12:00

Prueba con un

height:100%;

fer10 · #9 (**permalink**) 19/06/2006, 12:03

puedes poner la direcion de donde se encuentra ??

rockermendez · #10 (**permalink**) 19/06/2006, 13:16

Tenian razon se los agradesco mucho aqui esta el codigo css con el que lo logre:

Código:

#cent_marg{
	background-image: url(../img/body/images/BODY_01.jpg);
	width:746px;
	height:19px;
	background-repeat: no-repeat;
	background-position: bottom;
}

Muchisimas gracias por guiarme.

epoj · #11 (**permalink**) 20/06/2006, 15:11

rockermendez, te explico: el que se equivocaba, era IE.
Si tienes una imagen de fondo, en un div, se supone que quieres que esa imagen se vea solo en el fondo de ese div, no como un objeto que tiene ancho y alto. Es asi que Firefox lo toma como fondo del div y al ser un div vacio, le da height y width = 0, por lo tanto no veras ninguna imagen de fondo.
Al ponerle height y width a ese div, lo que hiciste es definir el espacio que ocupaba tu div y en ese sector, comenzó a verse la imagen de fondo.

Saludos!