Centrer le corps du forum (catégories et QEEL)

[Yunie16]

Détails techniques

Version du forum : ModernBB
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
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour !

Petit problème technique ce soir, j'essaie de centrer le corps de mon forum mais je n'y arrive pas, et avec la PA qui, elle, est magnifiquement bien rangée, ça fait un peu cloche xD

J'ai bien évidemment mis des margin:auto aux codes des catégories et QEEL mais on dirait qu'ils veulent pas.
La longueur du forum est réglée sur 900px, ce qui correspond à la longueur des codes.
J'ai tenté des margin:auto sur les valeurs suivantes:

body (avec ses variantes .body et #body)
forumline (pareil .forumline et #forumline)
bodyline (.bodyline et #bodyline)

Je sais pas trop ce que j'ai loupé ;;
Merci d'avance si vous avez une solution !

[MlleAlys]

Bonjour,
Votre #wrap est bien réglé à 900px dans le css, mais il a également 36px de padding, il ne reste donc plus que 828px de large pour le contenu, qui déborde donc.


Plusieurs façon de régler le problème :
- ajouter la largeur du padding à 900px qui devient donc 972px ;
- ou ajouter padding: 0; pour supprimer le padding ;
- et/ou ajouter box-sizing: content-box; pour que la largeur demandée soit celle de l'espace disponible pour le contenu, peu importe le padding.

(par contre, vous avez deux codes contradictoires : dans votre css, vous avez indiqué une largeur de 900px sur #wrap, alors que dans général > configuration, vous avez indiqué une largeur de forum à 975px. Le mieux serait de régler la deuxième valeur à ce que vous souhaitez et supprimer la propriété contradictoire dans le css.)

(PS : masquer le lien du forum n'est pas très pratique pour vous aider)

[Yunie16]

Aaahhhh j'avais pas pensé au padding ^^'
Et pour le 975 je pense que c'est quand je faisais mes tests, je m'étais dit qu'en augmentant la taille peut-être que ça réglerait le problème par magie, j'ai du oublier de le remettre à 900 /sort

Merci encore pour tout ça, c'est tout beau tout centré maintenant !

[MlleAlys]

De rien, du coup votre code css :

Code:

#wrap {
    width: 900px;
    margin: auto;
    padding: 0;
}

Peut se contenter de :

Code:

#wrap {
    padding: 0;
}

Puisque les deux premières lignes sont redondantes avec le code par défaut.