Je développe un site de rapport annuel qui doit être compatible avec les principaux navigateurs tels que IE, FF et Safari au moins. J'ai quelques problèmes avec l'effet jquery.Jquery animation des éléments de débordement décalés dans Safari
J'ai ajouté un effet de projection de diapositives jquery à la page qui affiche partiellement le contenu div principal pendant quelques secondes puis il s'anime pour révéler le reste du contenu. Je l'ai testé sur IE6, IE7 et FF 3 sur WinXP et ça marche bien. En outre, il fonctionne sur le MAC en FF3.
Toutefois, la page a un problème sérieux dans Safari 4.04 sur MAC: le contenu div entier d'animation se déplace vers l'extrême droite à peu près autant que la largeur d'origine du contenu. J'ai aussi remarqué que si je supprimais le code css lié au "débordement", alors le div s'afficherait dans la bonne position au début mais bien sûr l'effet de diapositive jquery ne fonctionnera pas correctement car il doit initialement masquer le contenu en utilisant "débordement". De plus, le div changerait de nouveau à mesure que l'animation jquery commencerait.
Voici le lien: http://www.attilareinhardt.com/clients/test/mainWhoWeAre_slide2.html
Y at-il moyen ou une solution à ce problème?
L'autre problème mineur est que l'effet de la diapositive animée dans certains cas ne s'ouvre pas et révèle le contenu tout au long. La partie inférieure est coupée et recadrée parfois trop tôt et cela arrive sur tous les navigateurs mais pas tout le temps. Je suppose qu'il a un problème en calculant correctement la bonne hauteur du contenu div. Y a-t-il un moyen d'imposer un calcul de hauteur correct?