MyBB.support, le portail francophone de MyBB

Version complète : Problème pour centrer mon forum.
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.

Bonjours j'aimerais savoir comment résoudre mon problème. donc voilà je suis sous le thème Appart Sky et j'ai modifier un peux la largeur du header,footer,panel etc.. et mon forum n'est pas centrer il est complètement a gauche..

Est-ce qu'il y aurai un moyen de le mettre au centre?
Salut Xeem

Dans le thème, édite ton thème, puis global.css, puis dans le Sélecteur: #container

Sur la ligne largeur, met 90% et regarde ce que cela donne

@+
Rien ne change:S, voici le site: http://xeem.web44.net/
Re,

sur le coté droit, rajoute en haut : margin: auto auto;

@+
et dans #panel

sur le coté droit, rajoute en haut : margin: auto;

@+
Juste le milieux du forum a changer regarde par toi même:s
Petite remarque préalable : les identifiants fournis dans le message d'ouverture de ce sujet sont sans doute ceux de mybb.fr ?
Encore une mauvaise lecture de nos règles de support !

Il s'agit de créer un compte de test sur TON forum et de fournir les identifiants pur s'y connecter !
Merci de me les envoyer par MP, j'éditerai le post initial.

Comme pour l'instant le forum est vide, il est difficile de se faire une idée de son (futur) contenu, je vais quand même donner quelques pistes.

Tes CSS sont farcis de contradictions.
En effet quand on fixe la largeur d'un sélecteur CSS "conteneur", il ne faut pas oublier que les sélecteurs "enfants" sont affectés et il est inutile de forcer leur largeur à des valeurs incongrues par rapport au "conteneur" !

Dans #container, il faut remplacer :
Code :
margin : 0;
par
Code :
margin : 0 auto;
qui va le centrer.

Et au lieu de :
Code :
width: 90%
il vaut mieux mettre une largeur fixe par exemple :
Code :
width: 1130px;
(ou autre valeur)

Les sélecteurs suivants n'ont pas besoin de largeur fixée, puisqu'ils s'adapteront au conteneur

Donc dans #logo , supprimer
Code :
width: 1130px;

Dans .wrapper, supprimer
Code :
width: 100%;

Dans ces trois sélecteurs :
#panel .upper
#footer .upper
#footer .lower
supprimer
Code :
width: 1130px;

Après reste à voir les max-width et min-width pour qu'ils aient un sens !


 Utilitaire de traduction fourni par Regentronique