Bonjour à toutes et tous !!

Je souhaite mesurer la valeur en pixel d'une "margin-top" d'un élément. Dans la feuille de style la valeur "par défaut" est exprimée en %.

Dans mon script j'ai besoin de connaitre la valeur réelle en pixel, donc je fais : jQuery('#element').css('margin-top');

Avec Firefox, Chrome et Opera, la valeur retournée est bien la bonne valeur exprimée en pixel, mais avec Safari la valeur est complétement aberrante (1500 au lieu de -114)...

Voici ci-dessous les différents méthodes que j'ai essayé pour solutionner mon problème, dans mon cas j'ai la chance d'avoir à disposition mootools en plus de jquery... mais même avec tous ça je n'arrive pas à solutionner mon problème ...

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
 
//les méthodes suivantes me retourne la valeur définie dans la feuille de style en %
 
//Retourne 6%
var sliderElemen = document.getElementById('headerslider');
var headerSliderCss =  document.defaultView.getComputedStyle(sliderElemen,null).getPropertyValue('margin-top');
 
//Retourne 6%
var sliderElemen = document.getElementById('headerslider');
headerSliderCss = sliderElemen.getComputedStyle('margin-top');
 
//Retourne 6%
headerSliderCss = $('headerslider').getStyle('margin-top');
 
//Retourne n'importe quoi
headerSliderCss = jQuery('#headerslider').css('margin-top');
 
console.log(headerSliderCss);
Est ce quelqu'un connait la solution pour que Safari interprète la valeur en pixel ??

Merci d'avance pour votre aide et bonne journée !