décalage à droite des catégories

[Laendila]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://returntothefalls.forumactif.com/

Description du problème

(re) bonjouuur !

Je (re)viens ici car j'ai un soucis avec l'accueil de mon forum. Je vous laisse cliquer sur le lien de celui-ci, vous verrez que les catégories se décalent vers la gauche. Pourtant, dans ma feuille de style, j'ai bien mis sous ".catégorie" un "margin: auto;" mais ça ne fait rien. Plus spécifiquement, voici ce que j'ai :

Code:

.categorie {
    width: 900px;
    margin: auto;
    margin-bottom: 25px;
    font-family: 'Georgia';
}


Je ne comprends pas du tout, j'ai vraiment l'impression que quelque chose bloque. Ce n'est pas la navbar, car ça faisait ça avant même qu'elle soit placée sur le côté.

Si vous avez une solution je suis preneuse Merciii

[Invité]

Bonjour,

@Laendila

Pour mettre vos catégories à gauche,
Essayer de mettre ceci dans votre Feuille de style CSS.

Code:

.titre-forum {
    text-align: left !important;
}

[Laendila]

Je viens de le faire mais ça ne change rien Par ailleurs, j'avais effectivement un .titre-forum, donc je mets le code entier ici (que avaient été récupérées en libre service ailleurs pour faire les catégories).

Code:

/* Titre du forum */
.titre-forum {
    text-align: left !important;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 5px;
    background: #D9CB85;
    text-transform: uppercase;
    color: #342F21;
    font-weight: bold;
 /*  text-align: right;*/
    overflow: hidden;
    font-size: 23px;
    font-family: 'Bebas Neue';
    white-space: nowrap; /* empeche de retour à la ligne si le texte est trop long */
}

Initialement j'avais text-align right mais j'ai retiré pour mettre le votre !

[Invité]

@Laendila

Pouvez-vous s'il vous plait faire un retour avec une capture d'image de votre souci
De mon côté vos catégories me semblent normales !! Merci

[Laendila]

Voici !



Je me demande si ce n'est pas que moi finalement qui ait ça...

[Lixyr]

Bonjour,

A priori, le soucis vient de cette partie du CSS :

#wrap {
background-color: #;
border: 1px solid #;
font-size: 1.3rem;
margin: 0 auto;
max-width: 1400px;
padding: 24px 36px;
width: 65%;
}

Supprimez les parties rayées.

Ensuite, vous avez ceci à supprimer également :

.categorie {
width: 900px;
margin: auto;
margin-bottom: auto;
margin-left: auto;
margin-bottom: 25px;
font-family: 'Georgia';
margin-left: 8px;

Et enfin :

.forums-container {
padding: 20px 0;
background: #6D4226;
overflow: hidden;
margin-left: 8px;
width: 900px;
}

[Invité]

Bonjour,

@Laendila

Votre forum m'a l'air d'être centré, avec l'intervention de @Lixyr :



À bientôt.

[Laendila]

@stefano123 : malheureusement je ne vois pas ce que vous voyez

Cependant, en effet, lorsque je retire ce dont parle @Lixyr grâce à la fonction "inspecter", je n'ai plus le décalage ! ** Petit problème... Je ne trouve pas ces mêmes codes dans le CSS C'est surtout le wrap (width:65%) qui ferait la différence mais il n'est pas accessible dans la feuille de style...

[Laendila]

Rebonjour !

Mon amie m'a aidé ! Elle a ajouté le #wrap que je ne trouvais pas dans le css et a mis le width à 100%... Je n'ai plus aucun décalage depuis ! J'espère que je ne repousse pas un problème plus profond mais en tout cas c'est ok de ce côté là !

Update : bon ça ne résout le problème que pour l'accueil. Dès que j'ouvre un sujet, la page prend toute la place

[Invité]

Re,

@Laendila

Dans une de vos catégories, dès que je me rends dans un sujet, la page s'ouvre normalement de mon côté !!

Pouvez-vous faire un retour avec une capture d'image s'il vous plait pour mieux visualiser votre souci, l Merci

[Laendila]

Voici désormais ma page d'accueil depuis le #wrap width: 100% ajouté par mon amie :



Voici lorsque j'ouvre un sujet :



Il prend toute la place

[MlleAlys]

Bonjour,
La largeur du wrap de 65% ne correspond-elle pas à la largeur du forum indiquée quand le panneau d'administration ?
Comme c'est en %, sur des petits écrans, la largeur n'est plus suffisante pour contenir les catégories fixées à 900px, et du coup celles-ci débordent à droite.
Puisque les catégories font 900px de large et que le wrap a un padding de 36px de chaque côté, plutôt que 65%, vous pouvez indiquer une largeur fixe minimale de 972.

[Laendila]

OHH OUIII je viens de le trouuuver ! Merciii

Je suis allée dans le panneau d'administration général et j'ai pu le trouver ! Merci beaucoup !