Fondo en Firefox 3.0 (problema)

Shargo · #1 (**permalink**) 25/02/2009, 09:04

Hola a todos:

Tengo un problema con la imagen de fondo en Mozilla, y és que no aparece. Sin embargo en el Explorer 6.0 si aparece.

Esto es lo que hago:

<body style="background-image:url(imagenes/fondo.jpg);
background-repeat: no-repeat;
background-position: center bottom;">
</body>

Que puede suceder?

Gracias.

jomaruro · #2 (**permalink**) 25/02/2009, 09:31

Hola:

Parece un problema de direcciones relativas, prueba a cambiar esto:

Código:

<body style="background-image:url(../imagenes/fondo.jpg);
background-repeat: no-repeat;
background-position: center bottom;">
</body>

Saludos.

Shargo · #3 (**permalink**) 25/02/2009, 09:40

Gracias Jomaruro por tu respuesta.

Pues lo he intentado, y nada. Ni en Mozilla y ni en Explorer.

Seguimos con el mismo problema.

Un saludo.

JavierB · #4 (**permalink**) 25/02/2009, 09:52

Hola Shargo

Prueba poniéndolo así:

Código css:

Ver original<body style="background:url(../imagenes/fondo.jpg) no-repeat center bottom;">

Saludos,

Shargo · #5 (**permalink**) 25/02/2009, 10:03

Hola Javier:

Parece que no es la solucion, por lo menos a mi.

Sigue dando el mismo problema.

Gracias Javier.

jomaruro · #6 (**permalink**) 25/02/2009, 10:09

Hola:

Ya se que es una tonteria preguntar esto, pero ¿existe la imagen? ¿está en esa carpeta?

Saludos.

Shargo · #7 (**permalink**) 25/02/2009, 10:26

Cuando tengo un electrodomestico que no funciona lo primero que hago es ver si estña conectado.

No es una tonteria preguntarlo.

Si tengo esa imagen an la carpeta, puesto que con el explorer aparece el fondo como quiero, pero, como ya sabes, no aparece asi con el Mozilla

Estoy intentando hacer algo con las tablas, dandole al height el 100%, pero no con esas.

Quizas insertando en una tabla un <div> con padding al 100%, pueda funcionar.

Voy a ver... que se me acaba de ocurrir.

ArturoGallegos · #8 (**permalink**) 25/02/2009, 11:46

hola Shargo

en ocasiones no se por que FF no lo lee bien pero puedes solucionarlo agregando simplemente una diagonal en tu código
yo lo pondría en la hoja de estilos como

body{background:url(/imagenes/fondo.jpg) center bottom no-repeat;}

como veras agrege solo una diagonal a la url de la imagen que ya tenias y ya en ultima instancia si no te funciona coloca la url absoluta de la imagen en lugar de la url corta que usas

igual revisa tu cogido css puede haber otra instrucción que anule el fondo, recordemos que IE y FF no todo lo interpretan de la misma forma

e igual puedes dejarnos la url de tu sitio para verlo

Mikmoro · #9 (**permalink**) 25/02/2009, 12:11

Deberás mostrar el código o un enlace, porque podría ser que haya otros elementos afectando.

EDITO: Perdón, eso ya lo había dicho Ag666. No había leído el final.

Shargo · #10 (**permalink**) 27/02/2009, 03:35

Hola a todos...

No hay codigo que anule otro codigo, ya lo he comprobado.

Cuando al codigo que muestro mas arriba, le cambio la propiedad de bottom por top, la imagen aparece en top.

Cuando la dejo en bottom, la imagen aparece, pero aparece el final de la imagen en top, una cosa muy rara.

Os dejo el enlace con la imagen de fondo en top y en bottom. A ver que os parece.

http://www.crivero.es/top.html

Mikmoro · #11 (**permalink**) 27/02/2009, 04:11

Si añades esto a tu CSS asunto arreglado:

Cita:

html, body {height: 100%;}

Shargo · #12 (**permalink**) 27/02/2009, 04:19

Hola Mikmoro.

Dime donde exactamente coloco ese código que apuntas...

Gracias

Mikmoro · #13 (**permalink**) 27/02/2009, 04:20

Al principio de tu CSS.

Aquí:

<style type="text/css">
html, body {height: 100%;}

.fondo_top {
background: url(imagenes/index2.jpg) no-repeat center bottom;
}
</style>

Shargo · #14 (**permalink**) 27/02/2009, 05:04

Joer¡¡ Macho¡¡¡ eres un maldito máquina.¡¡¡

Va al pelo.

http://crivero.es/bottom.html

Gracias¡¡¡

Mikmoro · #15 (**permalink**) 27/02/2009, 05:07

No, es que era facilito

Prueba a poner este otro resumido, como te lo he puesto, que es mejor.

.fondo_top {
background: url(imagenes/index2.jpg) no-repeat center bottom;
}

Saludos.

Shargo · #16 (**permalink**) 27/02/2009, 05:13

Ok... ya lo he hecho.

Otra cosica, es posible que me explicaras, esta orden "html, body {height: 100%;}". Es que no la entiendo muy bien.

¿Significa que todo lo que ponga en esa pagina, se me viene abajo? ¿tanto textos como fotos, etc...?

Un saludo.