[Résolu] Décalage d'écriture sur DIV flottante

[Myrina]

Il y a plusieurs points qui m'interpellent:
1/

$("#carte").click(function(e){...

je m'attendais plutôt à une granularité à la case et non à la carte dans l'ensemble; ceci ne donne pas les mêmes coordonnées(x=e.pageX,y=e.pageY) quelle que soit la case cliquée?

2/
Pourquoi ne pas utiliser plus simplement JQuery:

<rect x="0" y="420" height="60" width="60" style="stroke:black; stroke-opacity:0.1;fill:url(#1);">

               </rect>

<rect x="0" y="420" height="60" width="60" style="fill-opacity:0;" class="cliquable"><desc>19992</desc>

               </rect>

jQuery(document).ready(function(){

   $(".cliquable").click(function(e){

// ou .live("click", function(e){ si les cases peuvent être rafraichies via AJAX

   text=this.getElementsByTagName('desc').item(0);

   if (text) {

     carte_id=text.firstChild.data;

   } else {

     carte_id=0;

   }

  $.ajax({

url:"../../../Medieval_war/cartes/info_case/" + carte_id ,cache:false,success:function(html){

var x_div=e.pageX -250 ;

var y_div=e.pageY -600;

$('#information_personnage').empty();

$("#information_personnage").css('left',x_div).css('top',y_div);

$('#information_personnage').append(html);



},

error:function(XMLHttpRequest,textStatuts,errorThrows){

}

});

   });

})

3/
pourquoi X-250et Y-600?


4/
si le background est bien positionné, comme le demande Ter Rowan, la structure du html reçu en retour de l'appel AJAX peut influencer