Différence d'affichage entre ordinateur et mobile

[RGI]

DÉTAILS TECHNIQUES

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Chrome/Androïd Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://plastimaquette.forumactif.com/

DESCRIPTION DU PROBLÈME

Bonjour, je suis en train de créer mon forum et je constate une différence d'affichage entre mon ordinateur et la version Web pour mobile.
Sur la version ordinateur j'ai mon forum qui est bien centré avec l'image de fond des deux côtés, j'ai mis une largeur de forum à 75%.

Sous la version Web pour mobile, testé sur smartphone et tablette avec Chrome pour Androïd et navigateur Xiaomi MI (le problème est pareille partout), J'ai mon logo de forum relativement bien centré mais le corps du forum est largement rétrécit et décalé sur la gauche. Si je tourne smartphone et tablette en position horizontale cela ne change rien sur le smartphone, sur la tablette le corps du forum est légèrement plus grand, le bord droit du corps du forum va jusque sous le dernier "E" du logo "PM Plastimaquette" au lieu de s'arrêter sous le premier "T" comme on peu le voir sur la capture d'écran.



Ce que j'aimerais c'est qu'en version Web mobile mon corps de forum prenne toute la largeur de l'écran tout en gardant mon corps de forum centré et avec image de fond de chaque côté, comme actuellement, sur la version ordinateur. Je sais que c'est possible car un forum que je connais le fait (il est en PhpBB2 est-ce que cela change quelque chose ?).
J'ai parcouru le forum d'aide mais je n'ai pas trouvé de post similaire à ma question. J'ai mis dans mon CSS les lignes pour avoir "taille image portal max-Width 100%" et "taille image postbody max-width 100%" mais cela ne m'a rien changé.

D'avance merci pour votre aide.

[Toryudo]

Bonjour !

Pour que le logo ne déborde plus, il faut effectivement mettre un max-width: 100% sur l'image du logo dans la feuille de style CSS, comme ceci :

Code:

#logo img {
    max-width: 100%;
}

Quand je simule le résultat avec ce code, ça semble bon !

[RGI]

Merci pour votre réponse, c'est toujours utile à connaître.

Mais ma question/problème est autre, c'est la largeur de fond du forum que j'aimerais pouvoir modifier. Voici un exemple d'un autre forum et j'aimerais pouvoir faire pareil mais je ne sais comment...

En version ordinateur il y a des bandes grises sur les côtés comme pour le mien. Il est même plus large, à vu d'oeil il est à 80% et le mien 75%. En version ordinateur le mien me convient.




Par contre en version mobile le fond du forum prend toute la largeur et on ne voit plus les bandes grises de côté.



Alors que le mien malgré mes essais la largeur du forum est plus petite (et moins lisible c'est ce qui me gêne) et les bandes grises "PM" de côtés sont toujours là. J'aimerais que mon forum sur mobile ai la même apparence que celui ci-dessus.

[Toryudo]

Bonjour !

A priori, l'autre forum est bien en phpbb3 aussi, avec un look de phpbb2.
Je vois d'où vient la différence, c'est le min-width de l'élément #wrap qui joue : il est à 951px sur l'autre forum et à 768px sur votre forum et sur mon forum de test. Je n'arrive plus à trouver comment changer cette valeur directement dans le panneau d'administration, mais vous pouvez ajouter ce CSS pour avoir finalement le même résultat :

Code:

#wrap {
  min-width: 951px;
}

La taille minimum du forum sera plus grande, donc le cadre prendra plus de place et les bandes disparaitront, en tout cas tout autant que sur l'autre forum que vous prenez en exemple !

[RGI]

Je viens de tester est c'est parfait! C'est exactement ce que je voulais.

Je vous remercie infiniment pour l'aide et je vous souhaite une excellente année.