Positionnement de div déplaçables [résolu]

Bonjour,

J'ai une page affichant une carte avec 3 div déplaçables à l'intérieur (comme la carte est centrée, cela permet à l'utilisateur de positionner les div de manière à ce qu'elles ne cachent pas la carte, en fonction de la taille de son écran).

J'utilise Jquery pour rendre les div déplaçables, et je leur donne une position de départ avec margin (top et left). Le problème est que les div ne sont déplaçables que dans la limite de leur positionnement de départ (et non dans celles de la carte: ce que j'aimerai faire).

Ex: Si j'ai une div 20px sous le bord du haut, je ne pourrai pas la déplacer plus haut qu'à 20 px du bord.

Et comme j'en ai 3, j'aimerai qu'elles puissent bouger toutes dans les mêmes limites (sans pour autant les superposer au départ).

Petite précision: j'en suis venu à utiliser margin pour le positionnement car j'ai avant cela utilisé les left, top, etc, sauf que cela créait un espace blanc sous ma carte, ce qui n'est pas génial au niveau du rendu.

Merci pour votre aide !
Modifié par Antonio (25 Jan 2012 - 15:30)

Salut,

Tu devrais poster ton code ou un exemple en ligne car à te lire j'ai l'impression que tu es parti dans la mauvaise voie (je me trompe peut être). Utilises-tu jquery UI?

J'ai résolu mon problème en en résolvant un autre: un footer que je n'arrivait pas à faire rester toujours en bas de page.

Une fois celui-ci résolu, j'ai eu l'idée de repositionner mes div sans utiliser margin (juste avec left, top, etc...), et là, banco: je peux bouger mes div sur toute le carte, sans avoir un espace blanc en dessous.

C'était donc plus un problème de positionnement de footer donc