Problème d'affichage de newsletter sur mobile

Par LuD-up, il y a 2 ans


Les bases HTML/CSS

Bonjour à tous,

J'ai créé une newsletter en suivant le tutoriel Créer un email HTML et voici le code que j'ai :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="max-width:660px"> <tbody style="text-align: center; color:#1D1D1F; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;">

Malheureusement j'ai un espace vide sur la droite quand je consulte l'email sur mobile. Pouvez-vous me dire d'où ça peut venir ?

Screenshot

Merci !

2 réponses

LuD-up, il y a 2 ans

Je viens de vérifier sur d'autres fournisseurs (app & web) et le problème semble n'apparaitre que sur Apple Mail, un problème de rendu sous webkit ?

LuD-up, il y a 2 ans

J'ai trouvé d'où ça venait : il faut ajouter un padding-right:0 au body 👍