Classes CSS

[JulienD8]

Bonjour à toute la communauté ! 

Voilà je m'arrache un peu les cheveux pour rendre une feuille de style parfaitement propre, et je n'arrive pas à fixer mon footer en bas de page. 

Dans mon body j'ai 2 div, et j'ai l'impression que mon footer fixe sa position en fonction de la première div et non la deuxieme, alors que j'ai bien demandé de se caler par rapport au body...

Pour le body

{

position: relative;

}

Pour le footer

{

position: absolute;

bottom: 0;

}

[LMeert · Accepted solution]

Bonjour @JulienD8,

Il me manque un peu d'info pour pouvoir répondre à ta problématique, est-ce que tu as une url accessible pour que je puisse jeter un coup d'oeil à la page directement ? (Ainsi qu'un mockup ou une explication du résultat escompté)

Sinon je pense que le problème c'est l'utilisation du "position: absolute", voir la définition du positionnement :

The element is removed from the normal document flow, and no space is created for the element in the page layout. It is positioned relative to its closest positioned ancestor, if any; otherwise, it is placed relative to the initial containing block. Its final position is determined by the values of top, right, bottom, and left.

Tout dépend du résultat escompté, si le footer doit simplement se retrouver en fin de page à la suite du body et n'être visible qu'en scrollant la page, alors un "position: relative" le placement à la suite du body.

Si par contre le footer doit être tout le temps visible sur la page (un peu comme le menu hubspot du forum), alors un "position: absolute" ou "position:fixed" fera le job.

Mais encore une fois, pas évident de répondre sans avoir plus d'informations.

En espérant que ça t'aide 🙂

Ludwig