offset différent sous IE

Version imprimable

Bonjour, j'ai une table et je cherche son offset left.
Dans mon CSS la table est comme ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 #calendar { position:absolute; top:0px; left:40px; empty-cells:show; } #calendar th { border-style:solid; border-width:1px; border-color:black; background-color: pink; } #calendar .jour { width:120px; overflow:hidden; } #calendar td { border-style:dashed; border-width:1px; border-color:black; } #calendar .heure { width:40px; font-size:12px; }
Le problème est que
alert (document.getElementById("calendar").offsetLeft);
me retourne 43 sous IE et 40 sous FF...
Comment cela se fait-il? Comment le corriger?

20/05/2007, 15h49
Braillane

j'ai compris ce qui fait la différence, c'est le border... IE ajoute le border-Left lors de son calcul de l'offsetLeft... Comment le corriger???
21/05/2007, 18h13
bigboomshakala

ça ne se corrige pas. FF et IE n'ont pas le même rendu concernant les bordures et les padding. FF compte le padding et la bordure dans la taille, IE non. pour obtenir le même rendu sur les deux il faut parfois ruser.
genre si c'est possible, au lieu de mettre une bordure à gauche, mettre un div de 1px de large avec un background

sinon si tu veux utiliser des librairies tu prends prototype js et tu fait :

Code:

Position.positionedOffset(elm)

ou alors tu utilise ce code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
/*
*fonctions qui renvoit la position (en pixel) à gauche de l'élément qui est passé en entrée
* @param  l'élément
*   return int number offsetGauche 
*/
planning.calculeOffsetLeft=function(r){
  return planning.calculeOffset(r,"offsetLeft")
}
 
/*
*fonctions qui renvoit la position (en pixel) top de l'élément qui est passé en entrée
* @param  l'élément
*   return int number offsetTop
*/
planning.calculeOffsetTop=function(r){
  return planning.calculeOffset(r,"offsetTop")
}
/**************************************************************************
*fonctions qui renvoit la position  de l'élément qui est passé en entrée
*entree = l'élément, le coté à calculer
*sortie= number 
**************************************************************************/
planning.calculeOffset=function(element,attr){
  var offset=0;
  while(element){
    offset+=element[attr];
    element=element.offsetParent
  }
  return offset
}

Les 2 solutions marche sous IE et FF