Z-Index y Firefox

fearlex · #1 (**permalink**) 05/10/2006, 09:43

Tengo el siguiente problema es esta web www.fearlex.com,

Si visualisas la pagina con IE o Opera, me salen unos divs flotantes con posicion absoluta que utilize con una imagen de background, asi es como los quiero, pero si visualizan la pagina con Firefox o Mozilla, estos divs no aparecen, sera problema del Z-index que firefox no lo entiende o que ???

Desde ya gracias.

fer10 · #2 (**permalink**) 05/10/2006, 09:49

por que no metes dos divs al inicio que esten dentro de todo el contenido y posicionas los 2 backgrouns.

asi le hago yo para no meterme en brocnas de position que eso te baja puntos en accesibilidad..

tunait · #3 (**permalink**) 05/10/2006, 10:08

conchos, yo lo veo igual en los dos navegadores

JavierB · #4 (**permalink**) 05/10/2006, 10:12

Hola tunait

En IE se ven una especie de raices a la izquierda y derecha de la página, en Firefox no

Saludos,

tunait · #5 (**permalink**) 05/10/2006, 10:23

Cita:

Iniciado por JavierB

Hola tunait

En IE se ven una especie de raices a la izquierda y derecha de la página, en Firefox no

Saludos,

A, leches, es verdad

gracias Javier

tunait · #6 (**permalink**) 05/10/2006, 10:32

Firefox se comporta así con los z-index negativos. No sé si es o no correcto ni si hay solución. Es no más lo que he observado

MaXaC · #7 (**permalink**) 05/10/2006, 11:55

Pues no se ustedes pero dejando de lado esas raices, viendo contenido con explorer sale totalmente descuadrado , pero con FF aun se visualiza algo

fearlex · #8 (**permalink**) 05/10/2006, 12:34

Cita:

Iniciado por fer10

por que no metes dos divs al inicio que esten dentro de todo el contenido y posicionas los 2 backgrouns.

asi le hago yo para no meterme en brocnas de position que eso te baja puntos en accesibilidad..

Me dejastes botao, no entendi, explicame por fa...

Cita:

Iniciado por tunait

Firefox se comporta así con los z-index negativos. No sé si es o no correcto ni si hay solución. Es no más lo que he observado

Que malo, de veras que me gustaban las raices :(

Cita:

Iniciado por MaXaC

Pues no se ustedes pero dejando de lado esas raices, viendo contenido con explorer sale totalmente descuadrado , pero con FF aun se visualiza algo

No se por que, a mi me sale bien, eres el primero que me dice que se descuadra.

Que se descuadra ?? todo el sitio ?? Especifica please

juan_isc · #9 (**permalink**) 05/10/2006, 14:43

lo visualize con IE, Opera y FF

en los tres luce igual

fearlex · #10 (**permalink**) 05/10/2006, 14:45

Cita:

Iniciado por juan_isc

lo visualize con IE, Opera y FF

en los tres luce igual

Fijate en las esquinas superior derecha y inferior izquierda, se ven unas rasgaduras, en Opera y IE se ven, en Firefox y Mozilla no.

fer10 · #11 (**permalink**) 05/10/2006, 17:07

mete 2 divs en que sean las primeras.. ahy mismo una pone el background 0% 0% en position, con eso pones la razi de izquierda arriba, luego la segunda div le pones el bakcground 100% 100% con fondo transparente, eso pones la raiz abajo derecha. y listo..

y usa el

Cita:

html,body{
height:100%;
}

para que reconosca el final de la pagina..

fearlex · #12 (**permalink**) 05/10/2006, 22:49

Cita:

Iniciado por fer10

mete 2 divs en que sean las primeras.. ahy mismo una pone el background 0% 0% en position, con eso pones la razi de izquierda arriba, luego la segunda div le pones el bakcground 100% 100% con fondo transparente, eso pones la raiz abajo derecha. y listo..

y usa el

para que reconosca el final de la pagina..

Brother me interesa lo que me explicas pero no lo entiendo, podrias explicarmelo mejor por favor.

ahh esto pondria esos background como estan ?? por debajo de los otros divs ??

fer10 · #13 (**permalink**) 05/10/2006, 23:02

si a eso me refiero a poner 2 background encimados atras.. funciona de maravilla =)

dejame hacerte un ejemplo

style:

Cita:

#back1 {
background:transparent url(http://www.fearlex.com/images/topfloatimg.gif) no-repeat 0px 0px;
}

#back2 {
background:transparent url(http://www.fearlex.com/images/bottomcorner.jpg) no-repeat 100% 100%;
}

html

Cita:

y a hora nomas te falta lo de posicionar hasta abajo el background para eso js nos ayudara un poco http://www.webmasterworld.com/forum91/3429.htm

intente hacerlo como lo hace lightbox pero olvide como hacer para que tengas el body 100%..

fearlex · #14 (**permalink**) 06/10/2006, 11:00

Cita:

Iniciado por fer10

si a eso me refiero a poner 2 background encimados atras.. funciona de maravilla =)

dejame hacerte un ejemplo

style:

html

y a hora nomas te falta lo de posicionar hasta abajo el background para eso js nos ayudara un poco http://www.webmasterworld.com/forum91/3429.htm

intente hacerlo como lo hace lightbox pero olvide como hacer para que tengas el body 100%..

Existe alguna forma de hacerlo sin JS, no quiero usarlo todavia, no puedo entrar tampoco a ese link que me pusistes, y los divs esos, son uno anidado dentro del otro ??

fer10 · #15 (**permalink**) 06/10/2006, 11:17

el link tienes razon ayer entre.. que raro..

habie echo una busqueda en gogole
http://www.google.com.mx/search?clie...ueda+en+Google

los primero 2 resultados..

bueno mira aqui esta el ejemplo
http://www.fernando.com.mx/fearlex.html

lo he probado en ie,firefox,opera y funciona bien.

el unico "problema" esta en bajar el background de lado derecho por que no esta en la esquina inferior derecha y eso es por que la div no llega al 100% del documento. recuerdo que havia encontrado una manera para poder hacerlo el 100% del documento con una div, busque el codigo css y no lo encontre por eso te mencione lo de js..

pero si le puedes poner un height fijo quedaria sin js..

fearlex · #16 (**permalink**) 06/10/2006, 11:26

Tienes toda la razon, y te agradezco que te hayas tomado tu tiempo para hacerme un ejemplo, por favor, deja la pagina esa en tu hosting, hasta que yo llegue a mi casa, por que aqui ahora no puedo hacer nada, te lo voy a agradecer.

Me gusta lo que hicistes, tienes toda la razon es mejor usar tu metodo que el posicionamiento absoluto, aunque no entiendo del todo bien el codigo, ese 0% y 100% corresponde al background-repeat o al background-position, estoy un poco trocado con esto,

Si encuentras la forma de poder bajar el ultimo div que me planteas, me dices, yo seguire buscando y si lo encuentro te digo, sin JS, por ahora, quiero ir por pasos cuando aprenda js entonces, lo usare.

Gracias buddy