Pour faire écho à mon article du 11 mai sur les problèmes de redimensionnement des images de fond sur l’IPad, je viens de tombé sur un article de Nicolas Hoffmann :

Voici quelques bugs de rendu sur iPad que j’ai pu recenser, avec des pistes de solutions.

Si vous voulez centrer du contenu de largeur fixe, il peut vous arriver d’utiliser les marges négatives. Le principe est simple, pour centrer un contenu de 1000px de large :

left:50%;
margin-left:-500px;

À noter, ce bug apparaît uniquement sur des contenus de plus de 768px de large, voyez un exemple de marges négatives avec un contenu de moins de 768px de large.

En conclusion, oubliez cette méthode : déjà, il sera rare que vous intégriez un site uniquement pour iPad, il y a de grandes chances que vous deviez l’adapter pour les smartphones. Le problème pour l’iPad va se répéter pour les smartphones et de manière générale pour les résolutions inférieures, donc, j’insiste, oubliez les marges négatives.



Lire la suite sur le blog de Nicolas Hoffmann

Source