[Résolu] Superposition bandeau et décalage message

Bonsoir,

J'ai utilisé le codage du libre-service pour le mini profil en bandeau (lien vers la ressource). Au premier message, le résultat est parfait, mais lorsque je poste à la suite via le bouton réponse, j'ai une superposition du bandeau sur le premier message et le corps du message complètement décalé.

J'ai cherché d'où pouvait venir le problème et tenté des approches via le CSS, mais ça n'a rien donné de fructueux. Je pense que le souci vient plutôt du HTLM, mais j'aurai besoin d'un coup de main pour le détecter.

Merci d'avance pour votre aide et vos réponses.

lien vers le forum : ici

Code HTLM Viewtopic-body ;

Spoiler:

Code CSS :

Spoiler:

Navigateur : Mozilla firefox

Coucou Kadence :)

C'est un problème qui est lié au float :), pour en savoir un peu plus, tu peux lire ce topic : Partie 1 - Etape 6 : Disposer ses éléments : le "float"

Ici le problème vient du fait que tes messages soient positionnés en float. Comme ils sont en float, c'est un peu comme s'ils n'étaient pas présent dans la page pour les éléments suivant, et ils se placent comme ils veulent o/ (j'explique en mode "rapide", mais n'hésite pas à lire l'étape du cursus dont j'ai mis le lien au dessus pour en savoir davantage)
Dans le CSS de ton forum il y a ceci :

Code:

.postbody {
    clear: both;
    color: #2a2a2a;
    float: left;
    line-height: 1.48em;
    padding: 0;
    width: 76%;
}

Ici pour régler le problème il suffit d'enlever la ligne float: left; normalement :)

Bonjour Nihil Scar Winspeare,

Merci beaucoup pour la réponse et pour le lien vers le topic. Je vais aller lire celui-ci ^^
Merci aussi pour le renseignement, mais après suppression, le float: left n'y est pour rien
Le problème persiste.

En fait c'est bien le float, il est juste présent plusieurs fois dans le CSS. :)
Peut-être qu'il est aussi dans le CSS de base oô

Enfin bon, tu peux rajouter ceci dans le CSS à la fin pour l'enlever :)

Code:

.postbody {
    float: none;
}

Bonjour,

En effet, après ajout du code donné, l'affichage est parfait à présent !
Merci beaucoup pour ton aide