Discussion :

[lossius]

Salut à tous

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

Code :

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

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 :

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

$('#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 ?

[SpaceFrog]

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

Code :

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

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

[danielhagnoul]

Bonsoir.

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

Code :

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

1
2
3
4
5
 
Firefox     0px
IE8          auto
Chrome    474px
Safari      474px

Solution ?

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

Code :

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

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

[lossius]

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

Sujet clos