Re: [Ovillo] Problema con div absolute y z-index

2009-05-15 Por tema Daniel Navarro 
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 abm...@gmail.com 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 dhm...@yahoo.es 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

[Ovillo] Problema con div absolute y z-index

2009-05-14 Por tema 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:
-
div class=tbdButtons
  div class=tbdBotonModificar datos/div
  div class=tbdBotonEliminar/div
  div class=tbdBotonAñadir a grupo/s...
div class=floatShadowpSeleccionar los grupos a los que
pertenece el destinatario:/p/div
  /div
  div class=tbdBotonEnviar/div
/div

pnbsp;/p

div class=tbdButtons
  div class=tbdBotonModificar datos/div
  div class=tbdBotonEliminar/div
  div class=tbdBotonAñadir a grupo/s...
div class=floatShadowpSeleccionar los grupos a los que
pertenece el destinatario:/p/div
  /div
  div class=tbdBotonEnviar/div
/div
-

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

Re: [Ovillo] Problema con div absolute y z-index

2009-05-14 Por tema Ignacio Ricci 
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 abm...@gmail.com

 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:

 -
div class=tbdButtons
  div class=tbdBotonModificar datos/div
  div class=tbdBotonEliminar/div
  div class=tbdBotonAñadir a grupo/s...
div class=floatShadowpSeleccionar los grupos a los que
 pertenece el destinatario:/p/div
  /div
  div class=tbdBotonEnviar/div
/div

pnbsp;/p

div class=tbdButtons
  div class=tbdBotonModificar datos/div
  div class=tbdBotonEliminar/div
  div class=tbdBotonAñadir a grupo/s...
div class=floatShadowpSeleccionar los grupos a los que
 pertenece el destinatario:/p/div
  /div
  div class=tbdBotonEnviar/div
/div

 -

 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

Re: [Ovillo] Problema con div absolute y z-index

2009-05-14 Por tema Ana Moya 
Gracias, pero eso ya lo había probado y sigue sin funcionar.


El 14 de mayo de 2009 13:57, Ignacio Ricci ignacio.ri...@gmail.comescribió:

 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 abm...@gmail.com

  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:
 
 
 -
 div class=tbdButtons
   div class=tbdBotonModificar datos/div
   div class=tbdBotonEliminar/div
   div class=tbdBotonAñadir a grupo/s...
 div class=floatShadowpSeleccionar los grupos a los que
  pertenece el destinatario:/p/div
   /div
   div class=tbdBotonEnviar/div
 /div
 
 pnbsp;/p
 
 div class=tbdButtons
   div class=tbdBotonModificar datos/div
   div class=tbdBotonEliminar/div
   div class=tbdBotonAñadir a grupo/s...
 div class=floatShadowpSeleccionar los grupos a los que
  pertenece el destinatario:/p/div
   /div
   div class=tbdBotonEnviar/div
 /div
 
 
 -
 
  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

2009-05-14 Por tema David Huertas 
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

2009-05-14 Por tema David Huertas 
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

2009-05-14 Por tema Ana Moya 
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 dhm...@yahoo.es 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

2009-05-14 Por tema Rodrigo Álvarez Virgós 
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 dhm...@yahoo.es 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

2009-05-14 Por tema Ana Moya 
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
rodri.vir...@gmail.comescribió:

 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 dhm...@yahoo.es 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