web-dev-qa-db-fra.com

Contenu de chevauchement de la position du pied de page - manière définitive de s’assurer qu’il est toujours en dessous?

On m'a demandé d'examiner un problème sur un site où la position du pied de page semble chevaucher le contenu.

Le CSS pour le poste est:

#jsn-footer {
    position: relative;
    font-size: 13px;
    line-height: 22px;
    color: #acacac;
    padding: 55px 0;
    margin-top: 30px;
    clear: both;
}

Si je modifie la marge, je peux effacer manuellement le contenu. Toutefois, celui-ci se recoupera si le contenu devient volumineux. Existe-t-il un moyen sûr de ne jamais faire double emploi avec le contenu? J'ai utilisé clair: les deux mais cela ne semble rien faire.

Exemple d'URL peut être trouvé ici

Toutes les suggestions seront les bienvenues. Cordialement D

Edit: lien supprimé

1
Dtorr1981

Le problème vient du .clr classe que vous avez définie sur un élément proche du bas du contenu. Cette classe définit l’élément sur une hauteur de 0 , ainsi le le pied de page est relevé.

Supprimer cette classe (capture d'écran ci-dessous):

enter image description here

2
Lodder