Discussion :

[Braillane]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

[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???

[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

[eyolas]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Position.positionedOffset(elm)

ou alors tu utilise ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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