Affichage déformée en version web sur mobile

[Isai]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aujourd'hui
Lien du forum : http://www.30yearsstillyoung.com/

Description du problème

Bonjour,

Depuis l'apparition de votre pub pour l'application sur la version mobile des forums, les toolbar de la version pc sur mobile buguent complètement et déforment la page. Je ne sais pas si vous aviez remarqué, mais c'est handicapant pour naviguer sur le mien du coup.

[Neptunia]

Bonjour ^^


Quel système d'exploitation équipe les appareils des utilisateurs concernés, et quelle version ?

[Isai]

Anciennes et dernières versions d'Android et iOS, donc tous.

[Neptunia]

Donc du 10.3.3 en iOS c'est bien ça ?

[Isai]

Tous les systèmes d'exploitation et tous les navigateurs comme je l'ai dit précédemment.

[Neptunia]

Tous sauf visiblement Androîd 5.1.1

Si vous voulez des solutions à vos problèmes, merci de fournir des réponses précises et non des mensonges (tous) ou des réponses approximatives (dernière version). Sinon attendez vous à des réponses tout aussi approximatives et à valeur aléatoire !

Pour information iOS est passé en version 11 la semaine dernière et la version précédente comportait quelques bogues.
Les membres impactés n'ont eu qu'à faire la mise à jour pour éliminer les problèmes rencontrés.

[The Godfather]

Bonjour @Isai

Merci pour ce signalement. Nous vérifions actuellement votre forum pour trouver la source du problème. Nous reviendrons vers vous dès que possible

[Isai]

Merci The Godfather, pour info le problème survient également sur tous les forums que je consulte...

Neptunia,
Je vous prierai de vous abstenir de me traiter de menteuse et aimerais des excuses pour cela.
Mon Android est sous la toute dernière version, donc ce sont bien même les versions les plus récentes qui sont impactées.
De plus ce n'est pas parce que certaines versions récentes ou antérieures ne rencontreraient pas de problème qu'il n'est pas du devoir de FA de le régler afin que tout fonctionne correctement pour tous.
Ne mettez pas votre nez dans les problèmes des autres si c'est pour adopter ce type de comportement, car à part vous montrer insultante vous n'avez été d'aucune aide.

[MadDev]

Bonjour @Isai, je m'occupe de votre soucis de toolbar, je dois faire quelques tests sur votre css afin de vérifier certaines options.
Je fait vite pour ne pas impacter sur la navigation de vos utilisateurs.

Merci de votre compréhension.

[Isai]

C'est bien noté, merci beaucoup !

[MadDev]

Re-bonjour !

J'ai trouvé le souci qui met la pagaille sur votre version mobile en mode desktop

En fait, il y avait plusieurs choses. Tout se passe dans votre css perso qui à dû être rechargé suite à un enregistrement de votre part ou par un un renouvellement de votre css par nos systèmes de cache (J'ai testé en forçant le css de base, je n'avais plus de problème).

A savoir ligne 79-80-81, la règle background-position a une valeur erronée, les valeurs du margin sont peu être adaptés sur un ordinateur mais sur mobile votre image remonte par dessus la toolbar d'où le soucis de hauteur.

Je me suis permis aussi de corriger ligne 466 un point virgule manquant qui perturbait aussi le bon fonctionnement des règles d'après.

Enfin, je vous invite à revoir les class ou ids qui gèrent votre panneau latéral au niveau des z-index, afin de palier au soucis qu'avec l'affichage ou non de la Smart App Banner de Topic'it, la toolbar ne se retrouve pas en dessous de votre panneau latéral.

En espérant que c’est plus clair pour vous comme ça

Cordialement

[zz10]

Bonsoir,

Voici ce que j'avais comme affichage sur mobile avec la version desktop jusqu'à hier :

Accueil :


Forum :


Et depuis ce matin avec l'apparition de la pub topic'it (je ne vois que ça qui puisse expliquer) :

Accueil :


Forum :


A noter que je n'ai rien modifié et que tous les utilisateurs mobile m'avertissent depuis ce matin du bug, quelque soit l'OS... Aucun problème sur version desktop depuis un ordinateur.

Forum concerné : http://www.ice-epinal-forum.com/

J'ai le même genre de bogue sur d'autres pages...

Merci d'avance

[Isai]

Bonjour !

Merci beaucoup pour votre intervention et vos conseils, malheureusement le problème n'est toujours pas réglé comme je pense que vous avez pu le constater car une autre personne vient d'ouvrir un sujet à ce propos. Par ailleurs j'ai de plus en plus de remontées de mes membres à ce sujet.

J'ai remarqué que ce bug se produit lorsqu'on passe de la version mobile "classique" à la version pc en utilisant cette option dans le menu burger de la toolbar. Si je passe par le menu du navigateur (chrome pour ma part) et choisis "voir la version ordinateur", tout est OK. Personnellement cela me conforte dans l'idée que le problème vient de la pub que vous avez ajouté tout en haut des forums pour l'application topicit.

[zz10]

Donc, j'ai pu améliorer le problème en metant une largeur mini à la div #wrap.

Ceci reste problématique car quand on arrive sur smartphone, la page est zoomée...

[zz10]

Bonjour,

On a plus ou moins le même problème...

https://forum.forumactif.com/t393632-bug-affichage-version-desktop-sur-mobile-depuis-mise-en-place-de-la-pub-pour-topic-it#3296880

[rmn73]

Bonjour,
Je confirme, depuis la mise en place du bandeau de pub pour Topic'it, l'affichage sur smartphone ou tablette est "perturbé". Je suis sur des machines "pommées" mais sur Android c'est pareil. L'affichage est plus gros et parfois on n'a pas toutes les infos.

[zz10]

dans le genre :

Code:

#wrap {min-width: 1024px;
}

Mais le résultat n'est que partiel...

Oui c'est ça : demie solution...

[rmn73]

Bonjour,

En ce qui me concerne iOS 11.0 sur iPhone hier et aujourd'hui iOS 11.0.1. Mais en iOS 10.3.0 sur l'iPhone de la femme. Je parle de l'affichage en mode web. Safari et Chrome même problème.
Problème apparu depuis l'affichage de la pub en haut de page pour Topic'it.
L'affichage est "agrandi" et on doit "tapoter" pour le ramener à une taille correcte.
Problème moins visible sur iPad en version 11.0 et 10.3.0, car l'écran est plus grand mais il est préférable de se mettre en mode paysage.

Voilà concernant les versions iOS concernées

www.forum-abcc.fr

[The Godfather]

@rmn73 petit rappel :

...Tout se passe dans votre css perso qui à dû être rechargé suite à un enregistrement de votre part ou par un un renouvellement de votre css par nos systèmes de cache ...

Aucun rapport avec la Smart Banner de Topic'it c'est plus le viadage du cache coté serveur qui a fait ressortir certaines erreurs dans vos fichiers perso...

Une piste a creuser en 1er avant de déclarer tout problème

[Isai]

Mais dans ce cas pourquoi le problème ne s'est pas réglé suite à l'intervention de MadDev et pourquoi le problème survient sur d'autres forums pile depuis que cette bannière a été installée sur nos mobiles ?

[Walt]

Bonjour,

Le souci ne s'est pas réglé car, comme il vous l'a dit, il reste un souci de z-index, c'est à dire un problème d'empilement des éléments :

Enfin, je vous invite à revoir les class ou ids qui gèrent votre panneau latéral au niveau des z-index, afin de palier au soucis qu'avec l'affichage ou non de la Smart App Banner de Topic'it, la toolbar ne se retrouve pas en dessous de votre panneau latéral.

Et en effet, en ce qui me concerne lorsque j'affiche votre forum sur mobile, la toolbar apparait normalement, simplement votre panneau latéral la chevauche, ce qui doit être corrigé dans votre CSS.

pourquoi le problème survient sur d'autres forums pile depuis que cette bannière a été installée sur nos mobiles ?

Pour que cette bannière apparaisse, le cache serveur du CSS a été vidé, donc les problèmes dans le CSS qui jusqu'à présent n'apparaissaient pas, car couverts par le cache, sont apparues au grand jour. Mais nous sommes là pour vous aider à les corriger.

Cordialement,
Walt

[Isai]

J'ai l'impression qu'il y a une méprise sur le problème que je rencontre. Le panneau latéral n'a rien à voir avec ce que je vous signale, c'est uniquement la toolbar qui est déformée comme indiqué sur la capture d'écran de mon premier post et comme d'autres administrateurs vous le font remonter comme moi dans d'autres sujets.

Pour faire plus clair, quand on accède au forum en version mobile classique, il y a la bannière topic'it tout en haut. Je la supprime parce que je ne suis pas intéressée. Ensuite, si je passe en mode ordinateur en utilisant cette option dans le menu burger de la toolbar : le forum apparaît zoomé, et quand je dézoome la toolbar ne s'adapte pas à l'affichage, c'est ce que vous pouvez voir sur la capture : elle est toute petite. Et ce problème est apparu avec la pub pour l'application. Cela n'a strictement rien à voir avec le panneau latéral, tous les autres forums qui ont ce problème n'ont pas ce panneau.

[Walt]

Ok, je viens de comprendre le souci. En réalité c'est pas la toolbar le problème, c'est le fait que le forum apparaisse en mode zoomé par défaut. Sans cela, la toolbar s'afficherait au bon endroit. Je vais l'indiquer à l'équipe technique...

Cordialement,
Walt

[Walt]

Bonjour,

@Gargawel, @Isai, @zz10 vos différents sujets étant liés, je les ai fusionnés.

Le problème de déformation du forum en version web sur support mobile est lié à une modification que nous avions envoyé en ligne.
Au regard des désagréments que cela causait, nous avons retiré cette modification en attendant de trouver une solution pérenne, et tout est revenu à la normale sur vos forums.

Nous sommes désolés pour la gêne occasionnée.

Cordialement,
Walt

[Isai]

C'est super, merci beaucoup !

[Gargawel]

Bonjour,

@Gargawel, @Isai, @zz10 vos différents sujets étant liés, je les ai fusionnés.

Le problème de déformation du forum en version web sur support mobile est lié à une modification que nous avions envoyé en ligne.
Au regard des désagréments que cela causait, nous avons retiré cette modification en attendant de trouver une solution pérenne, et tout est revenu à la normale sur vos forums.

Nous sommes désolés pour la gêne occasionnée.

Cordialement,
Walt

Bonjour,

Donc c'est bien un problème lié à une modification que la team à envoyée sur nos forums. Et non pas un problème enfouis dans nos caches comme précisé précédemment.

[Walt]

Nous sommes intervenus directement sur certains forums pour corriger le contenu du CSS qui était néanmoins erroné, donc certains des problèmes soulevés étaient effectivement lié à cela.

Et les sujets ont été fusionnés parce qu'ils traitaient du même problème, non pas pour faire "disparaitre certains titres"... Internet regorge suffisamment de théoriciens du complot pour que vous ne m'attribuiez pas des intentions que je n'ai pas.

Cordialement,
Walt

[rmn73]

Walt tout est parfait maintenant sur tous les forums que je fréquente

[Gargawel]

... Internet regorge suffisamment de théoriciens du complot pour que vous ne m'attribuiez pas des intentions que je n'ai pas.

Merci Walt, ça fait toujours plaisir !

Je ne t'attribuais rien, j'étais juste surpris de voir des messages fusionnés et un message dans la corbeille alors qu'ils incriminaient étrangement tous la bannière topic'it. Mais je comprend cette coïncidence.

Maintenant Quid de la bannière topic'it, reviendra t'elle hanter ceux qui comme moi ont payé pour retirer la pub et le reste ? Question légitime je crois.

Et tout cas, merci pour tout ce que vous faites pour la communauté, ce n'est pas toujours simple c'est vrai.

[Walt]

Je ne t'attribuais rien, j'étais juste surpris de voir des messages fusionnés et un message dans la corbeille alors qu'ils incriminaient étrangement tous la bannière topic'it. Mais je comprend cette coïncidence.

Et c'était effectivement indirectement lié à la bannière, mais il n'y a aucun secret là-dessus. Je ne sais pas pourquoi l'autre sujet a été corbeillé, j'avais remarqué également, mais c'est probablement que l'icône résolu a été cochée sans qu'une réponse ait été apportée.

Maintenant Quid de la bannière topic'it, reviendra t'elle hanter ceux qui comme moi ont payé pour retirer la pub et le reste ? Question légitime je crois.

C'est une question à laquelle je n'ai pas de réponse pour le moment. La bannière reviendra, c'est une certitude. Par contre, elle ne constitue pas une publicité, et s'apparente simplement à ce que vous pouvez voir sur de nombreux autres sites :



Donc puisque ce n'est pas une publicité, je doute que la désactivation des publicités puisse avoir une influence sur cette bannière. A voir !

Cordialement,
Walt