Este tema lo había puesto originalmente en el Foro de JavaScript pero alla me dijeron que eso debía ponerlo aquí, en el Foro de AJAX. Voy a poner el mensaje nuevamente aquí a ver si así entiendes un poco mejor:
Mensaje del Foro de JavaScript
:
Cita: Bueno he observado en sitios como Netvibes.com, Live.com y Google.com (jeje los .com) que cuando desplazas algun elemento posicionandolo en el lugar de otro este ocupa su lugar. Voy a poner de ejemplo el caso de Netvibes.com. Si yo tengo un panel llamado GMail y tengo otro llamado Boing Boing ubicado debajo de GMail cuando desplazo GMail sobre Boing Boing, GMail toma el lugar de Boing Boing y este ultimo se desplaza hacia arriba o hacia abajo dependiendo de si tiene espacio o no y adicionando unas lineas que me dan a entender el tamaño del elemento desplazado, algo así como unos margenes. Entonces lo que quiero saber es como se puede hacer esto. Lo otro es que en cada elemento DIV salen unos delimitadores de espacio. Como se hace esto JavaScript o CSS?
Aquí las imágenes de ejemplo:
1. Esta primera imagen es el sitio que yo estoy programando muy normal, o sea, sin haber hecho movimientos alguno de elementos por el área de la página y/o ocultado paneles. Si te das cuenta hay unas imagenes con unas flechas que son para mostrar u ocultar ese panel en especifico.
2. Esta segunda imagen es el sitio de Netvibes.com sin haber realizado movimiento alguno, o sea normal.
3. Estos son los dos paneles o elementos que voy a escoger para mi ejemplo.
4. Esta cuarta imagen es ya cuando he seleccionado el panel "GMail" y me he dispuesto a desplazarlo encima del Panel "Boing Boing". Fijense como ya aparece los delimitadores o margenes de color rojo que me indican el area que ocupa el Panel "GMail"
5. Está imagen es cuando casi he soltado el panel "GMail" sobre el panel "Boing Boing". Fijanse ahora como el panel "Boing Boing" se desplazo hacia arriba y los margenes o delimitadores pasaron a ocupar el lugar que antes tenia "Boing Boing".
6. La quinta imagen es mi sitio cuando estoy realizando el desplazamiento de un elemento DIV en mi caso.
7. La sexta y ultima imagen es como queda mi sitio a diferencia de Netvibes.com pues si se dan cuenta las capas o elementos DIV quedan montados uno sobre el otro.
Espero que ahora hayan podido entender que es lo que quiero hacer.