Re: [Ovillo] Problema con div absolute y z-index
Hola, para poder comparar los z-index en IE, los elementos tienen que compartir el mismo ancestro inmediato posicionado. Al posicionar de forma absoluta los div.tbdButtons, éstos crean un nuevo contexto de apilamiento en IE. Los elementos contenidos dentro de un div.tbdButtons en particular se apilarán conforme al z-index, pero no se compararán los elementos pertenecientes a div.tbdButtons diferentes. Saludos El 14 de mayo de 2009 16:31, Ana Moya escribió: > Perfecto!!! gracias, con las cosas que he probado y eso no se me había > ocurrido :( > > Va bien en Firefox, Opera y Chrome, ahora el problema está en IE7 e IE6. > > > > El 14 de mayo de 2009 15:10, David Huertas escribió: > > > Ana Moya escribió: > > > El problema es que al mostrar el div .floatShadow superior queda debajo > > del > > > .tbdButtons inferior, cuando tiene que quedar por encima. > > > > > > > > Qtal, > >Si es solo eso creo que con eliminar la linea: > >z-index:40; > >del la clase .tbdButtons bastaria. Por lo menos con Firefox. > > > > Saludos > > > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con div absolute y z-index
Lo de "z-index de la muerte" ya lo había probado y tampoco va. Funciona bien si lo pongo fuera de .tbdButtons, pero quiero evitar usar JS para posicionarlo. El 14 de mayo de 2009 15:39, Rodrigo Álvarez Virgós escribió: > Hola, Ana > > Ana Moya escribió: > > Perfecto!!! gracias, con las cosas que he probado y eso no se me había > > ocurrido :( > > > > Va bien en Firefox, Opera y Chrome, ahora el problema está en IE7 e IE6. > > > > > > > > Estoy casi seguro de que tu problema es el mismo que tuve yo tiempo ha. > El historial de la lista es un buen repositorio de problemas solucionados: > http://www.mail-archive.com/ovillo@lists.ovillo.org/msg18391.html > > Un saludo > > > > El 14 de mayo de 2009 15:10, David Huertas escribió: > > > > > >> Ana Moya escribió: > >> > >>> El problema es que al mostrar el div .floatShadow superior queda debajo > >>> > >> del > >> > >>> .tbdButtons inferior, cuando tiene que quedar por encima. > >>> > >>> > >>> > >> Qtal, > >>Si es solo eso creo que con eliminar la linea: > >>z-index:40; > >>del la clase .tbdButtons bastaria. Por lo menos con Firefox. > >> > >> Saludos > >> > >> ___ > >> Lista de distribución Ovillo > >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: > >> http://lists.ovillo.org/mailman/listinfo/ovillo > >> > >> > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con div absolute y z-index
Hola, Ana Ana Moya escribió: > Perfecto!!! gracias, con las cosas que he probado y eso no se me había > ocurrido :( > > Va bien en Firefox, Opera y Chrome, ahora el problema está en IE7 e IE6. > > > Estoy casi seguro de que tu problema es el mismo que tuve yo tiempo ha. El historial de la lista es un buen repositorio de problemas solucionados: http://www.mail-archive.com/ovillo@lists.ovillo.org/msg18391.html Un saludo > El 14 de mayo de 2009 15:10, David Huertas escribió: > > >> Ana Moya escribió: >> >>> El problema es que al mostrar el div .floatShadow superior queda debajo >>> >> del >> >>> .tbdButtons inferior, cuando tiene que quedar por encima. >>> >>> >>> >> Qtal, >>Si es solo eso creo que con eliminar la linea: >>z-index:40; >>del la clase .tbdButtons bastaria. Por lo menos con Firefox. >> >> Saludos >> >> ___ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> >> > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con div absolute y z-index
Perfecto!!! gracias, con las cosas que he probado y eso no se me había ocurrido :( Va bien en Firefox, Opera y Chrome, ahora el problema está en IE7 e IE6. El 14 de mayo de 2009 15:10, David Huertas escribió: > Ana Moya escribió: > > El problema es que al mostrar el div .floatShadow superior queda debajo > del > > .tbdButtons inferior, cuando tiene que quedar por encima. > > > > > Qtal, >Si es solo eso creo que con eliminar la linea: >z-index:40; >del la clase .tbdButtons bastaria. Por lo menos con Firefox. > > Saludos > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con div absolute y z-index
Ana Moya escribió: > El problema es que al mostrar el div .floatShadow superior queda debajo del > .tbdButtons inferior, cuando tiene que quedar por encima. > > Qtal, Si es solo eso creo que con eliminar la linea: z-index:40; del la clase .tbdButtons bastaria. Por lo menos con Firefox. Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con div absolute y z-index
Ana Moya escribió: > El problema es que al mostrar el div .floatShadow superior queda debajo del > .tbdButtons inferior, cuando tiene que quedar por encima. > > Qtal, Si es solo eso creo que con eliminar la linea: z-index:40; del la clase .tbdButtons bastaria. Por lo menos con Firefox. Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con div absolute y z-index
Gracias, pero eso ya lo había probado y sigue sin funcionar.
El 14 de mayo de 2009 13:57, Ignacio Ricci escribió:
> No le estás dando posicion al absoluto, por lo tanto no funciona.Deberías
> usar o top, right, left o bottom.
>
> 2009/5/14 Ana Moya
>
> > Hola lista,
> >
> > Tengo un problema con un par de div's absolute que parece que no respetan
> > el
> > z-index.
> > El problema es que al mostrar el div .floatShadow superior queda debajo
> del
> > .tbdButtons inferior, cuando tiene que quedar por encima.
> >
> > Bueno, les pongo el código con el que estoy haciendo pruebas:
> >
> > CSS:
> >
> >
> -
> > .tbdButtons {
> >padding:7px;
> >position:relative;
> >z-index:40
> > }
> > .tbdBoton {
> >background-color:#ccc;
> >border:1px solid #cec3e6;
> >float:left;
> >padding:3px;
> >z-index:50
> > }
> >
> > .floatShadow {
> >background-color:#fff;
> >border:2px solid #f00;
> >position:absolute;
> >z-index:60
> > }
> >
> >
> -
> >
> > HTML:
> >
> >
> -
> >
> > Modificar datos
> > Eliminar
> > Añadir a grupo/s...
> >Seleccionar los grupos a los que
> > pertenece el destinatario:
> >
> > Enviar
> >
> >
> >
> >
> >
> > Modificar datos
> > Eliminar
> > Añadir a grupo/s...
> >Seleccionar los grupos a los que
> > pertenece el destinatario:
> >
> > Enviar
> >
> >
> >
> -
> >
> > Saludos,
> > Ana
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> ↓ Ignacio Ricci
> www.ignacioricci.com
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con div absolute y z-index
No le estás dando posicion al absoluto, por lo tanto no funciona.Deberías
usar o top, right, left o bottom.
2009/5/14 Ana Moya
> Hola lista,
>
> Tengo un problema con un par de div's absolute que parece que no respetan
> el
> z-index.
> El problema es que al mostrar el div .floatShadow superior queda debajo del
> .tbdButtons inferior, cuando tiene que quedar por encima.
>
> Bueno, les pongo el código con el que estoy haciendo pruebas:
>
> CSS:
>
> -
> .tbdButtons {
>padding:7px;
>position:relative;
>z-index:40
> }
> .tbdBoton {
>background-color:#ccc;
>border:1px solid #cec3e6;
>float:left;
>padding:3px;
>z-index:50
> }
>
> .floatShadow {
>background-color:#fff;
>border:2px solid #f00;
>position:absolute;
>z-index:60
> }
>
> -
>
> HTML:
>
> -
>
> Modificar datos
> Eliminar
> Añadir a grupo/s...
>Seleccionar los grupos a los que
> pertenece el destinatario:
>
> Enviar
>
>
>
>
>
> Modificar datos
> Eliminar
> Añadir a grupo/s...
>Seleccionar los grupos a los que
> pertenece el destinatario:
>
> Enviar
>
>
> -
>
> Saludos,
> Ana
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
↓ Ignacio Ricci
www.ignacioricci.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema con div absolute y z-index
Hola lista,
Tengo un problema con un par de div's absolute que parece que no respetan el
z-index.
El problema es que al mostrar el div .floatShadow superior queda debajo del
.tbdButtons inferior, cuando tiene que quedar por encima.
Bueno, les pongo el código con el que estoy haciendo pruebas:
CSS:
-
.tbdButtons {
padding:7px;
position:relative;
z-index:40
}
.tbdBoton {
background-color:#ccc;
border:1px solid #cec3e6;
float:left;
padding:3px;
z-index:50
}
.floatShadow {
background-color:#fff;
border:2px solid #f00;
position:absolute;
z-index:60
}
-
HTML:
-
Modificar datos
Eliminar
Añadir a grupo/s...
Seleccionar los grupos a los que
pertenece el destinatario:
Enviar
Modificar datos
Eliminar
Añadir a grupo/s...
Seleccionar los grupos a los que
pertenece el destinatario:
Enviar
-
Saludos,
Ana
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
