Dépassements du cadre

[Teurancher]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir les images:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://ad-annuaire.forumactif.org

Description du problème

Bonsoir,
Je cherche désespéramment à régler les dépassements visibles sur les captures d'écran données. J'ai essayé en bougeant l'image de fond du forum dans tous les sens avec photoshop, mais les dépassements étaient toujours là.

D'avance merci pour votre aide. \:

[[Nihil]]

Coucou

Ton fond n'est pas centré, il est calé à gauche. Sur ton écran ça rend bien, mais sur un écran un peu plus large, cela crée un problème :


Chez moi c'est mieux si on centre l'image (^-^)

Code:

body {
    background-position: center; /* centrer image de fond */
}

[Teurancher]

Merci Nihil, c'est réglé de ce côté.
Un autre problème est survenu cependant...: https://i.servimg.com/u/f19/19/18/20/81/bug5_410.jpg

[[Nihil]]

Le problème est apparu en ajoutant le CSS là ? Si tu l'enlèves le problème n'est plus là ? Ou bien ce sont 2 soucis totalement déconnectés l'un de l'autre ?

Pourrais-tu mettre cette catégorie visible en invité s'il te plait ? Car nous on ne le voit pas

[Teurancher]

Ce problème était présent avant l'ajout du CSS. J'ai seulement réussi à replacer "Corbeille" (sur mon écran en tout cas) en modifiant la largeur de ma bannière, mais elle ne se colle plus au fond. Une idée ? :/

(section rendue visible)

[Teurancher]

Bonjour,
Je viens d'essayer en changeant quelques options, mais malgré les 700px d'inscrit dans le pannel admin, ma bannière de 1000px de large ne se colle pas au fond du forum. Une idée ? |:

[MlleAlys]

Bonjour,

La partie claire de votre fond fond de page fait environ 1065px de large, donc si votre forum n'en fait pas autant, il n'y a aucune chance pour que la bannière puisse coller aux bords ^^"

D'abord il y a ce code dans votre css qui fausse l'affichage de certains éléments :

Code:

#i_logo {
  margin-left: -38px;
}

Je conseillerais de le supprimer, pour centrer les catégories mieux vaut trouver quelque chose de plus rigoureux, ça causera moins de soucis je pense ^^" Et plutôt le remplacer par :

Code:

#i_logo {
  width: 100%;
}

pour que la bannière prenne automatiquement la largeur du forum.

Puis normalement avec une largeur de forum à 1082px la bannière devrait se raccorder parfaitement au fond ^^

[Teurancher]

Bonsoir,
Merci pour votre réponse.

J'ai bien suivi vos étapes et j'ai également changé la bannière de manière à ce qu'elle ne soit pas du tout redimensionnée. Cela fonctionne parfaitement sur mon écran, pouvez-vous le confirmer ?

EDIT: Autant pour moi, le titre "Corbeille" de la catégorie se place à droite au bord du forum. Une idée pour résoudre cela ?

[MlleAlys]

effectivement je le vois aussi avec firefox.

Essayez les modifications suivantes, ce qui devrait permettre au passage de recentrer les forums :

Localisez ce code :

Code:

.forum_bloc {
  background-color: #F2F2F2;
  width: 950px;
}

Modifiez-le ainsi :

Code:

.forum_bloc {
  display: inline-block;
  width: 460px;
  margin: 0 35px;
}

Localisez ce code :

Code:

.forum {
  float: left;
  margin-left: 10px;
  width: 460px;
}

Supprimez le float et la marge, ce qui donne :

Code:

.forum {
  width: 460px;
}

[Teurancher]

Plus aucun problème sur mon écran. Pouvez-vous confirmer ?

[MlleAlys]

tout est ok sur chrome et firefox, mais il y a un pixel de décalage avec la bannière sur Internet Explorer, augmentez la largeur du forum à 1083px et ça devrait être ok partout ^^

[Teurancher]

C'est fait de mon côté, le pixel n'est plus ?

[MlleAlys]

tout me semble ok pour ma part ^^

[Teurancher]

Parfait alors. J'essaierai de vous remercier sur notre future PA ou dans un sujet dédié à cela. Merci à vous pour votre aide et bonne soirée.