Hola lista: Ya he logrado hacer lo que queria y sin necesidad de anidar los DIV como los tenia anteriormente. Ahora la duda que me queda es como acceder al contenido un DIV que esta por debajo de otro. Salu2 -- ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro.
> -----Mensaje original----- > De: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] En nombre de Raul Martin > Enviado el: Thursday, May 18, 2006 5:57 PM > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Una capa sobre otra - z-index ?? > > Hola, > > Como ha quedado el caso así a medias. el asunto me da que es > el position:relative; que comentaba Alejandro, > > Como referencia y para que este correo aporte algo: > http://www.w3schools.com/css/pr_pos_z-index.asp > > Comprueba la segunda nota y si quieres juega con este ejemplo. > http://www.w3schools.com/css/tryit.asp?filename=trycss_zindex2 > Nota, para posicionarlo debajo sin position absolute ni > relative utiliza un margin-top negativo > > > > Thursday, May 18, 2006, 8:24:11 AM, you wrote: > > DD> No he estudiado bien el caso, pero según vi los z-index de un > DD> vistazo, veo que tienes a "topnavbar" más alto, por lo que > DD> sobresaldrá por arriba y no como dices, que "sobresalga > por debajo"... > > DD> Entre más alto el z-index más sobresaliente será el DIV > > > DD> Supongo que "banner" saldrá por encima de "topnavbar" > > DD> #topnavbar { > DD> z-index: 2; > DD> height: 400px; > DD> border: 1px solid; > DD> } > DD> #banner{ > DD> z-index: 4; > DD> height: 200px; > DD> border: 1px solid; > DD> } > > DD> Eso fue lo que entendí....suponiendo que ambos inician en > el mismo > DD> punto, pero TOPNAVBAR continua "por debajo".... > DD> __________________________ > DD> | | > DD> | BANNER | > DD> | | > DD> |_________________________| > DD> ! ! > DD> ! TOPNAVBAR ! > DD> ! ! > DD> --------------------------------------------- > > DD> Saludo, > DD> DJ-Dom > DD> El 17/05/06, Reynier Perez > Mira<[EMAIL PROTECTED]> escribió: > >> DJ Dom mira el ejemplo online para que veas a lo que me refiero > >> aunque ahora que le quite al DIV contenedor el 100% del > height no me > >> lo hace > >> Salu2 > >> -- > >> ReynierPM | Kubuntu 5.10 | Linux User:#310201 Hay dos cosas > >> infinitas: el Universo y la estupidez humana. Y del > Universo no estoy seguro. > >> > >> > -----Mensaje original----- > >> > De: [EMAIL PROTECTED] > >> > [mailto:[EMAIL PROTECTED] En nombre de DJ-Dom > >> > Enviado el: Wednesday, May 17, 2006 4:03 AM > >> > Para: Ovillo, la lista de CSS en castellano > >> > Asunto: Re: [Ovillo] Una capa sobre otra - z-index ?? > >> > > >> > Y no entiendo esto de "sobresalga por debajo..." > >> > > >> > Saludo, > >> > > >> > DJ-Dom > >> > > >> > > >> > 2006/5/17, Alejandro Lillo <[EMAIL PROTECTED]>: > >> > > On 5/17/06, Reynier Perez Mira > <[EMAIL PROTECTED]> wrote: > >> > > > Debo mostrar una capa sobre otra para dar el efecto que > >> > quiero. Para > >> > > > ello he puesto lo siguiente: > >> > > > <div id="header"> > >> > > > <div id="topnavbar"> > >> > > > <div id="righttopnavvar"> Menu top > >> > izquierdo </div> > >> > > > <div id="lefttopnavvar"> Menu top > derecho </div> > >> > > > </div> > >> > > > <div id="banner"> </div> </div> <!-- > Cierre de la > >> > > > cabecera --> > >> > > > > >> > > > Y lo que quiero es que la capa "topnavbar" sobresalga por > >> > debajo de > >> > > > la capa "banner". El CSS lo he puesto asi: > >> > > > #topnavbar { > >> > > > line-height: 30px; > >> > > > background: url(../images/topnav.jpg) > repeat-x left top; > >> > > > z-index: 4; > >> > > > } > >> > > > #banner{ > >> > > > background: #6B839C url(../images/banner.png) > >> > no-repeat left > >> > > > top; > >> > > > height: 210px; > >> > > > z-index: 2; > >> > > > } > >> > > > > >> > > > Pero no me funciona. Alguna idea de que es lo que estoy > >> > > > haciendo mal? El ejemplo online lo tienen en: > >> > > > http://testportal.awardspace.com/ > >> > > > >> > > > >> > > Así dormido por la mañana y sin mirarlo mucho, te diría que > >> > pruebes a > >> > > ponerle un "position : relative;" a ambas capas. > >> > > > >> > > -- > >> > > Alejandro Lillo > >> > > www.nordic-design.net > >> > > _______________________________________________ > >> > > Lista de distribución Ovillo > >> > > Para escribir a la lista, envia un correo a > >> > > [email protected] Puedes modificar tus datos o > >> > > desuscribirte en la siguiente > >> > dirección: > >> > > http://ovillo.org/mailman/listinfo/ovillo > >> > > > >> > > >> > > >> > -- > >> > www.dj-dom.net > >> > [EMAIL PROTECTED] > >> > _______________________________________________ > >> > Lista de distribución Ovillo > >> > Para escribir a la lista, envia un correo a > [email protected] > >> > Puedes modificar tus datos o desuscribirte en la siguiente > >> > dirección: > >> > http://ovillo.org/mailman/listinfo/ovillo > >> > > >> _______________________________________________ > >> Lista de distribución Ovillo > >> Para escribir a la lista, envia un correo a > [email protected] > >> Puedes modificar tus datos o desuscribirte en la siguiente > dirección: > >> http://ovillo.org/mailman/listinfo/ovillo > >> > > > > > > Saludos. > > _________________________________ > > Todo lo que no aprendí, > no se me ha olvidado. > _________________________________ > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a > [email protected] Puedes modificar tus datos o > desuscribirte en la siguiente dirección: > http://ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
