Empêcher une div qui apparait (show) de prendre de la place

Bonsoir à tous !!

Je vous explique mon petit truc:

j'ai un div qui est caché via display:none.
Lorsque je clic à un endroit précis je récupère la position de la souris et je déplace ce div aux points de coordonnées de la souris.
Et ensuite je fais apparaitre le div via un show().

Si je ne mets pas le div avec un display:none alors à l'ouverture de la page il prend de la place dans le design, qui correspond à sa hauteur que je lui ai imposée.

J'ai ce même problème: lorsque je fais le show(), la place qui lui aurait été réservée "apparait". En d'autres termes: j'ai la place que prend mon div qui apparait mais vide puisque le div s'est déplacé...

Je me retrouve donc avec ma place vide de la taille de mon div (pas bon!) et mon div qui se déplace au bon endroit (bon!)

Une idée? comment empêcher que cette place apparaisse?
Merci d'avance pour votre aide

Aurais-tu un code jquery et html a nous montré stp. J'ai pas entièrement compris ce que tu voulais. J'ai compris que tu as un div qui ce possitionne au niveau du clic de la souris et l'autre div, je n'ai pas compris son utilité et surtout ce que tu veux qu'il fasse.

En fait c'est le même div ! Ya le div qui se positionne sous la souris et l'autre c'est juste l'ancienne place qui reste inoccupée.

Code:

---

1 2 3 4 5 6 7

$("#grille").click(function(e){ sourisX = e.pageX; sourisY = e.pageY; $('#draggable').animate({top: sourisY/2+'px', left: sourisX+100+'px'},function(){ $('#draggable').show() });   });

---

Dans ce code je déplace le div en question et ensuite je le rend visible.
Au moment de le rendre visible, l'emplacement où il était à son origine apparait mais sans le div puisque qu'il s'est déplacé...

Cela doit alors venir de la config du div je pense ?
Mon div doit peut être être positionner par dessus tout le design... à la manière des lightbox



---------EDIT----------

J'ai placé mon div en position:absolute.
L'effet voulu est là.
Est ce réellement un code propre... A vous de me dire ce que vous en pensez !!

Bonsoir.

Le fait d'appliquer le « show() » provoque le changement de « display » de « none » à « bloc » et l'inverse pour « hide ». Vous devez positionner la division avant de faire « show ».

Edit : avec « animate » même problème, vous-rendez la division visible.