Jquery Obtenir la largeur ne fonctionne pas dans IE6 or IE7

Question

J'ai un div appelé #whatnewstoggler et sa largeur change dynamiquement. Cela pose des problèmes car je ne peux pas le centrer horizontalement. La seule solution est d'obtenir la largeur et d'ajouter du css inline de manière dynamique en utilisant jquery.

Le javascript fonctionne dans tous les navigateurs sauf IE6 et IE7. IE8 fonctionne correctement.

J'ai identifié le problème à cette ligne var totalOffset = halfslideshow - offset;

Quand j'alert(''+ totalOffset +''); il me donne '0' mais quand je alert(''+ offset +''); il me donne la bonne largeur avant le calcul final.

Voici le code.

var halfslideshow = 312;
var width = $('#whatnewstoggler').width();
var offset = width / 2;         
var totalOffset = halfslideshow - offset;
//alert(''+ totalOffset +'');
$('#whatnewstoggler').css('margin-left',totalOffset);

Merci pour votre aide!

Answer 1

Le CSS suivant devrait automatiquement centrer une div:

display: block;
margin: 0 auto;