Problème d'affichage entre iphone/Android

[sunshinette]

Bonjour !

J'en appelle à l'aide car je suis dans l'impossibilité de trouver une réponse à mon problème.
Le forum a un comportement normal sur les smartphone mais pas sur les iphone (tous navigateurs confondus).

https://alldelightedpeople.forumactif.com/ (url du forum)

Je vous met un exemple en screen de ce qui est attendu (du coup qui est bon sur smartphone) et de ce qui est sur iphone.

https://i.servimg.com/u/f79/15/94/51/31/screen11.jpg (smartphone)
https://i.servimg.com/u/f79/15/94/51/31/img_1710.jpg (iphone)

Les différences notable :
- la dimension de l'image dans le header (Problème résolu)
- les barres à droite et guache qui restent à l'ancienne version (une unique barre au lieu d'avoir les éléments de part et autre).

Les membres ont vidés leur cache mai rien n'y fait. Je ne sais pas ce qui peut faire que ca n'apparait pas pareil de chaque côté selon le mobile. Du coup je veux bien un coup de main expert ! Merci beaucoup  

[sunshinette]

up

[Toryudo]

Bonjour !

Je ne suis pas sûr d'à quoi correspondent les "barres à droite et gauche", mais si vous parlez de la barre avec le messenger, le bouton haut, le bouton bas et le bouton "design clair/sombre", plusieurs petites choses. Déjà, voici mon rendu sur PC en tant qu'invité :



Ici, dans la barre de gauche, les boutons se chevauchent déjà un peu, c'est étrange (impossible de cliquer sur le bouton haut par exemple). Et si j'ai bien compris, cette barre devrait normalement être à droite dans le design attendu, c'est ça ? Donc il y aurait un problème sur PC et sur iPhone, mais pas sur les smartphones Android ?

[sunshinette]

Bonjour !

D'abord merci de te pencher sur ce problème ! En effet côté pc tout fonctionne bien chez moi et sur plusieurs navigateurs différents. D'ailleurs aucun membre n'a le problème sur pc, ce qui est une nouvelle problématique du coup Jusque là oui le soucis auprès des membres se cantonne aux personnes possédant des iphones (qu'importe le navigateur) seulement. Quand ils switch sur pc ca fonctionne de leur côté.

En haut à guauche devrait se trouver la barre pour les multicomptes.
En bas à droite, le changement de thème avec les boutons up/down + messenger.

Je met un screen de mon pc de ce qui devrait s'afficher :
https://i.servimg.com/u/f79/15/94/51/31/2024-110.png
Que ce soit en invité ou en connecté le rendu est le même, j'ai bien vérifié.

Je ne comprends pas trop pourquoi même en vidant le cache ca reste tel que c'était à la dernière mise à jour. C'est à dire les deux barres du côté gauche. En sachant qu'à l'origine tout était dans la même barre d'ailleurs

Encore merci !

[Toryudo]

Bonjour !

Alors, que ce soit sur Firefox ou sur Egde/Chrome, j'ai cette indication (ici, capture d'écran Edge/Chrome) :


Ça veut dire qu'utilisée telle quelle, la propriété justify-self: right; de l'élément .sidebar-right n'est pas comprise par le navigateur.
"[...] empêche justify-self d'avoir un effet [...]", et pourtant, elle a quand même un effet sur Egde/Chrome... elle positionne la sidebar à droite. En théorie, ça n'aurait pas dû fonctionner du tout, c'est pour ça que c'est un résultat un peu trompeur/aléatoire/chanceux.

En remplaçant :

Code:

justify-self: right;

par

Code:

margin-left: auto;

Ça devrait fonctionner pour tous les navigateurs !

[sunshinette]

Ah punaise c'était donc ça ! Je me demandais bien aussi pourquoi ca me disait que ca fonctionnait pas ! Merci beaucoup. Par contre ca reste un peu mystérieux que seulement sur certains appareils (et même pas navigateurs) ca ne fonctionnait pas !

Encore merci pour cette résolution !