Décalage sur la droite dans l'affichage du forum à cause d'un widget

[Sal']

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Plusieurs utilisateurs
Lien du forum : http://notitle1.forumactif.com/

Description du problème

Bonjour,

Lorsque j'active le widget "sujets récents" sur le forum, cela me fait un bug d'affichage où le contenu du forum est décalé sur la droite.

(catégories + CB)

Une amie qui a regardé mon forum, pour elle, tout est bien affiché sans ce décalage... J'ai tenté plusieurs résolution de mon écran ainsi qu'internet explorer, je rencontre toujours ce problème.

Si quelqu'un pourrait m'expliquer pourquoi ?

Merci et bonne journée.

[Neptunia]

Bonjour ^^


Sans capture écran, il est difficile de savoir ce que vous voyez et ce que vous voudriez avoir. On va essayer de deviner !

N'importe quel forum se compose de trois colonnes.

Le centre affiche l'index ou les sujets de votre forum
A gauche les widgets, et même chose à droite.

Si vous n'avez pas de widgets ou si vous en avez des deux côtés, le milieu du forum (catégories/messages) sera toujours au milieu de la page.
Maintenant si vous avez une colonne gauche mais pas de colonne droite, le centrage se fera sur la largeur cumulée du corps de forum et des widgets.

Dit autrement, vous devez avoir à peu près la même place libre entre le bord droit du forum et le bord droit de la page, qu'entre le bord gauche des widgets et le bord gauche de la page. Et c'est exactement ce que j'ai actuellement

[Sal']

Bonjour,

merci pour la réponse rapide !

Habituellement, l'affichage est bien centré. Mais avec le widget, c'est décalé sur la droite (mais ça ne le fait peut-être que chez moi)

Voici des screens du problème :







Et voilà ce que j'aimerais avoir (et que mon amie a, c'est son screen)

[Neptunia]

Avez vous le même problème en vous déconnectant ?

[Sal']

Oui, le problème persiste.

[Tite-May]

Bonjour

Je me permet de répondre, j'espère que ça ne te dérange pas Neptunia :/

Pour résoudre le souci il ya plusieurs modifications à faire dans la CSS :
Affichage > Couleurs > Feuille de Style CSS :

Code:


body{
    position: relative;
}
#content-container #container {
    margin: auto !important;
    width: 90%;
}
#content-container #left {
    float: none;
    width: 10%;
    position: absolute;
    left: 10px;
}


Voilà ce que ça donne :

[Sal']

Bonjour Tite-May,

Merci pour ta réponse !

Alors j'ai dû mettre 9% au lieu de 10 la largeur du gadget car chez moi ça dépasse sur la catégorie, et la CB est toujours coupée du coup il faudrait passer le premier 90% à 100%. Mais ça décale tout sur la gauche cette fois... J'ai essayé de bidouiller un peu partout mais je n'arrive à rien ^^"

[Tite-May]

Ah Je ne vois pas la CB en invité :/

Est-il possible d'avoir un compte membre (sans aucune permission de modérateur hein!) juste pour pouvoir voir ?

Normalement toutes les marges sont annulées donc c'es bizarre ce décalage :/

EDIT :
Ah dans la CSS il reste un float... Il faut l'annuler

Code:

#content-container #content-main {
    float: none !important;
}

[Sal']

Je t'ai envoyé un MP pour le compte membre Tite may

Pour le float, je ne le retrouve pas dans mon css, saurais-tu me dire la ligne ?

Merci beaucoup beaucoup ^^

[Tite-May]

Bonsoir

Alors il faut l'ajouter à la CSS, c'est possible que ça soit dans la CSS de base, il faut le court-circuiter

Pour la chatbox, il faut ajouter ça à la CSS :

Code:

#frame_chatbox {
    width: 100% !important;
}

[Sal']

Alors pour la CB elle était en 1000 du coup 100 l'a rétrécie à 90%. J'ai donc mis 900 et... impeccable !

Merci beaucoup, sujet résolu

[Tite-May]

Mais il était en px, et là je te disais en %

PArce que là 900 ça marche sur ton écran, mais pas sur le mien :/

[Sal']

Oops oui en effet j'avais mal compris, au temps pour moi ^^"

Je viens de mettre à 100% et c'est nickel, peux-tu me confirmer que l'affichage est correct à présent ?

Merci

[Tite-May]

Oui, la CB prend toute la largeur maintenant =)

[Sal']

Super merci beaucoup, je confirme donc que c'est résolu à présent.