ponle a #content_template un position:absolute; creo que así solucionas
el problema que dices...
un saludo
Alejandro Moreno escribió:
> el código estaba feten, solo faltaba añadirle un pequeño
> "style:display:none". Solo una cosa mas, al colocar el fondo antes del resto
> de etiquetas se me solapa sobre una de los divs, es decir, no deja que
> aparezca. En concreto, en el siguiente codigo aparece "mainwindow" pero no
> "logout". He probado a quitarle los display none y parece que es problema de
> solapamiento del "fondo" sobre "logout"...
>
>
> <div id="fondo" style="display:none"></div>
> <div id="content_template">
>
> <div id="mainwindow" style="display:none;">
>
> </div>
> <div id="logoout" >
> <a href="#" > <!-- onmouseover="showall();"
> onmouseout="fadeall();" -->
> <!-- onclick="enter();" -->
> <div id="logo" onclick="slide();">
> </div>
> </a>
> </div>
>
>
>
> CSS:
>
>
> #logoout {
> padding:10px;
>
> text-align:center;
> vertical-align:middle;
>
> width:210px;
> height:170px;
> background-image: url(imagenes/fondo_logo.jpg);
> background-repeat:no-repeat;
> background-position:center;
> z-index:1;
>
> }
>
>
> #windowbody {
> margin-top:-15px;
>
> width:440px;
> height:400px;
>
> background-image: url(imagenes/plantilla/fondo_venta.jpg);
> background-repeat:no-repeat;
> }
>
> #fondo {
> position:fixed;
> margin:0px;
> top:0px;
> left:0px;
> background-image:url(/templates/aratec/prehome/imagenes/fondo1.jpg); /* o
> pon el fondo que quieras... */
>
> width:100%;
> height:100%;
>
> z-index:0;
> }
>
>
> On 3/9/07, Alejandro Moreno <[EMAIL PROTECTED]> wrote:
>
>> Justo :-D,
>>
>> parece que la clave está en el z-index, verdad? por lo que leo por ahí lo
>> que hace es ordenar en diferentes capas y poder así evitar que se peguen
>> entre ellas, ¿me equivoco?
>>
>> Gracias, un saludo.
>>
>> On 3/9/07, spi <[EMAIL PROTECTED]> wrote:
>>
>>> hola.. yo tambien uso scriptaculous.. y creo, si te entendí bien... que
>>> lo que quieres hacer es algo así...
>>> crear un div fondo, que es el que quieres que haga el Fade (más bien
>>> Appear si quieres que aparezca.. ) y le pones z-index a 0. despues un
>>> div contenedor, donde metes lo que quieras...
>>> o sea, algo así... no lo probé pero creo que así funcionará bien..
>>>
>>> HTML:
>>> <script type="text/JavaScript">
>>> window.onload = function() {
>>> new Effect.Appear('fondo'); //por lo que entendí quieres que
>>> parezca... por eso Appear...
>>> }
>>> </script>
>>> <body>
>>> <div id="fondo"></div>
>>> <div id="contenedor"></div>
>>> </body>
>>>
>>> CSS:
>>> #fondo {
>>> position:fixed;
>>> margin:0px;
>>> top:0px;
>>> left:0px;
>>> background-color:#333; /* o pon el fondo que quieras... */
>>> width:100%;
>>> height:100%;
>>> z-index:0;
>>> }
>>> #contenedor {
>>> position: absolute;
>>> top:0px;
>>> left:0px;
>>> z.index=1;
>>> }
>>> Alejandro Moreno escribió:
>>>
>>>> Buenas tardes,
>>>>
>>>> estoy intentando hacer algo raro. Estoy usando la libreria
>>>>
>>> script.acol.us y
>>>
>>>> quiero que al pasar a una sección nueva el fondo de la misma aparezca
>>>>
>>> con un
>>>
>>>> fade, usando uno de los efectos de la libreria. Pero claro, para eso
>>>>
>>> tengo
>>>
>>>> que hacer que primer desaparezca. No se si me explico.
>>>>
>>>> Normalmente haces con un <div style="display:none">, pero si hago eso
>>>>
>>> en el
>>>
>>>> body... la liamos. Y tampoco puedo hacerlo sobre la propia etiqueta
>>>>
>>> puesto
>>>
>>>> que hay etiquetas que contiene que no quiero que "sufran" ese efecto.
>>>>
>>> Es
>>>
>>>> decir, si abrimos la web estarían todos los elementos excepto el
>>>>
>>> fondo, que
>>>
>>>> iria apareciendo de forma progresiva usando el fade mencionado.
>>>>
>>>> Resumiendo, que quiero ocultar el background al cargar la web sin
>>>>
>>> ocultar lo
>>>
>>>> que hay dentro del div... ¿Alguna idea o lo he enmarañado todo mucho?
>>>>
>>>>
>>>> Gracias, un saludo.
>>>> _______________________________________________
>>>> 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
>>>
>>>> __________ Información de NOD32, revisión 2103 (20070308) __________
>>>>
>>>> Este mensaje ha sido analizado con NOD32 antivirus system
>>>> http://www.nod32.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
>>>
>>>
>>>
>>
>> --
>> Alejandro Moreno
>> Consultoría de Marketing Online
>>
>>
>
>
>
>
_______________________________________________
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
