SoloCodigo

Programación Web y Scripting => HTML => Mensaje iniciado por: emmprune en Viernes 31 de Agosto de 2007, 01:59

Título: Problema Con Capas
Publicado por: emmprune en Viernes 31 de Agosto de 2007, 01:59
Hola a todos en solo codigo
Hoy vengo con otro problemilla, no hace falta mencionar que soy novato tanto en html como en css.  Ahora bien tengo un pagina dividida por <div>

Código: Text
  1.  
  2. &#60;div id=&#34;principal&#34; style=&#34;position:absolute;top:0px;left:0px;visibility:visible;&#62;
  3.      &#60;div id=&#34;parte1&#34; style=&#34;position:absolute;top:0px;left:0px;visibility:visible;&#62;
  4.      ...
  5.      &#60;/div&#62;
  6.      &#60;div id=&#34;parte2&#34; style=&#34;position:absolute;top:100px;left:0px;visibility:visible;&#62;
  7.      ...
  8.      &#60;/div&#62;
  9.      &#60;div id=&#34;parte3&#34; style=&#34;position:absolute;top:200px;left:0px;visibility:visible;&#62;
  10.      ...
  11.      &#60;/div&#62;
  12. &#60;div&#62;
  13.  
  14.  

Algo asi... y resulta que en la segunda parte tengo un boton para capturar la fecha por medio de un calendario (el cual consegui en un pagina de scripts), me despliega un recuadro donde puedo seleccionar la fecha. El problema es que en el siguiente renglon tengo varios selectores y estos aparecen por encima del recuadro.
Alguien sabe a que se deberá esto??... intente colocando z-index:1..2..3 a cada uno de los <div> pero no hay diferencia.

Apreciaría mucho su ayuda..gracias de antemano.
Saludos!!
Título: Re: Problema Con Capas
Publicado por: mjesun en Viernes 31 de Agosto de 2007, 02:29
hola emmprune,

prueba a cerrar las comillas en
Código: Text
  1. visibility:visible&#34;&#62;
  2.  
.

espero que eso funcione!

un saludo, miguel
Título: Re: Problema Con Capas
Publicado por: emmprune en Viernes 31 de Agosto de 2007, 16:25
Hola miguel, gracias por responser...
Una disculpa, al escribir el ejemplo se me olvido cerrar las comillas. Pero en mi codigo si estan cerradas.

Código: Text
  1.  
  2. &#60;div id=&#34;principal&#34; style=&#34;position:absolute;top:0px;left:0px;visibility:visible;&#34;&#62;
  3.     &#60;div id=&#34;parte1&#34; style=&#34;position:absolute;top:0px;left:0px;visibility:visible;z-index:1;&#34;&#62;
  4.     ...
  5.     &#60;/div&#62;
  6.     &#60;div id=&#34;parte2&#34; style=&#34;position:absolute;top:100px;left:0px;visibility:visible;z-index:2;&#34;&#62;
  7.     ...
  8.     &#60;/div&#62;
  9.     &#60;div id=&#34;parte3&#34; style=&#34;position:absolute;top:200px;left:0px;visibility:visible;z-index:3;&#34;&#62;
  10.     ...
  11.     &#60;/div&#62;
  12. &#60;div&#62;
  13.  
  14.  

y esta es la forma en que les comentaba que tenia los z-index, digo tenia porque ya los he quitado del codigo y persiste el problema.
Título: Re: Problema Con Capas
Publicado por: Altareum en Viernes 31 de Agosto de 2007, 16:31
Hola, emmprune, por casulidad el select parecer pasar por sobre el div ? lo has provado solamente en Iexplorer ?

Asumo que esto es lo que te está sucediendo, ya que (vaya uno a saber por qué), cualquier div es superpuesto por los campos del tipo select, sin importar los valores que le pongas al z-index.

La única solución que he encontrado para solucionarlo (una aberración de hecho), es poner detrás del div un iframe.

No se como funcionará en IE7, pero hasta el 6 es la única solución. Bah, también puede ocultar el select.

Altareum.
Título: Re: Problema Con Capas
Publicado por: emmprune en Viernes 31 de Agosto de 2007, 17:23
Hola Altareum,
Si es exactamente lo que me sucede... y sip estoy utilizando IE. Y es que la mayoria  de mis usuarios(sino es que todos) lo utilizan.  Aunque voy a probarlo tambien en Firefox.

Muy bien entoces deberé probar con un iframes... voy a investigar sobre los iframe.... jejeje porque de verdad no los he utilizado. Si pudieras darme un ejemplo lo apreciaría muchísimo.

Muchas Gracias por tu repuesta.

Saludos
Título: Re: Problema Con Capas
Publicado por: Altareum en Viernes 31 de Agosto de 2007, 17:51
En realidad, no es necesario que uses un iframe, pero sí que pongas uno detrás del div.

No se cual es el div que te tapa, pero supongamos que es "parte2", haz lo siguiente:

Código: Text
  1.  
  2. &#60;iframe style=&#34;position:absolute;top:100px;left:0px;visibility:visible;z-index:3;&#34; /&#62;
  3. &#60;div id=&#34;parte2&#34; style=&#34;position:absolute;top:100px;left:0px;visibility:visible;z-index:4;&#34;&#62;
  4.  
  5.  

Ojo, el iframe debe tener un z-index menor a parte2, para poder estar detrás y no taparlo. De esta forma, el select no sebrapasa al iframe y tapoco a parte2.

Altareum.
Título: Re: Problema Con Capas
Publicado por: emmprune en Viernes 31 de Agosto de 2007, 18:06
Muchas gracias Altareum,

Ahorita mismo lo pruebo..

Saludos