Problème largeur colonne profil dans un sujet

[Hayleen Cohen]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis modification de la largeur du forum
Lien du forum : https://crashtest-graphique.forumactif.com/

Description du problème

Bonjour,

Lorsque je modifie la largeur de mon forum (actuellement 800px), tous les avatar dans un message posté "dépassent" de leur colonne de profil (voir screen). Je n'ai touché à aucun template, je n'ai écris aucune feuille de style (j'ai bien tout vidé pour être sûre que le problème venait pas de modifications apportés), c'est le thème de base de forumactif et pourtant j'ai ce bug, et je n'ai aucune idée d'où chercher pour le résoudre.
Peut-être que j'ai raté une option idiote quelque part qui permet de modifier la largeur de cette colonne de profil dans un sujet...
Si quelqu'un peut m'aider ou au moins me donner une direction, ce serait extrêmement gentil !

Merci beaucoup !

[Oka.mi]

Bonjour,

Dans le css de base du phpbb3, il est déterminé une largeur de 22% pour l'élément postprofile, ce qui fait que celle-ci peut s'avérer insuffisante pour contenir l'avatar. Pour remédier à cela, vous pouvez écrire dans votre feuille de style personnalisée :

Code:

.postprofile {
  width: auto;
}

Ceci fera que la largeur du bloc s'adaptera à la largeur de l'avatar.
Notez que le postbody, le bloc qui contient le message, est à 76% de largeur par défaut.



C'est pourquoi, en fonction de la largeur de votre avatar, cela décalera sans doute votre postprofile. À vous de voir si la modification précédente suffit, et au besoin, vous pouvez jouer avec la valeur de ces deux éléments. Par exemple :

Code:

.postprofile {
  width: 25%;
}

.postbody {
  width: 75%;
}

Vous pouvez également utiliser des valeurs fixes (px).

[Hayleen Cohen]

Oh merci pour votre réponse extrêmement claire ! Elle m'a bien aidé, j'ai réussi à avoir ce que je voulais

Le problème est donc résolu !