$('#mydiv').css('margin-left') retourne 0px (devrait retourner auto)

Salut à tous :)

J'ai une page html basique avec une feuille de style attachée, j'ai mis le minimum :

Code:

---

1 2 3 4 5 6 7

<style> #mydiv { margin-left:auto; margin-right:auto; width:250px; } </style>

---

Après, je souhaite récupérer le margin-left qui devrait être auto, mais jquery me renvoie 0px ->

Code:

---

$('#mydiv').css('margin-left')

---

J'ai essayé avec clone(), mais rien à faire...

Merci d'avance :)

Quelqu'un aurait une idée pour détecter si le margin-left / right est auto ?

css() attend soit un json avec le style en syntaxe css
ou le style javascript avec la syntaxe javascript

Code:

---

$('#mydiv').css('marginLeft')

---

Bonsoir.

Vous avez raison, chaque navigateur traite le problème à sa manière :

Code:

---

1 2 3 4 5

Firefox 0px IE8 auto Chrome 474px Safari 474px

---

Solution ? :koi:

outerWidth() qui permet de mesurer la largeur avec ou sans les marges montrent les mêmes différences de traitement entre les navigateurs.

Code:

---

1 2 3 4 5 6

nav/mesure "margin-left" outerWidth() outerWidth(true) Firefox 0px 252px 252px IE8 auto 252px 252px Chrome 474px 252px 1200px Safari 474px 252px 1200px

---

Merci pour vos réponses et merci à danielhagnoul pour ta réponse :)

Sujet clos