Discussions

Comment coller le footer, en bas de notre page

Image

Bonjour Loui, je vais juste savoir comment je peux coller le footer de ma page de manière à ce que quand bien même je vais diminuer mon écran le footer soit toujours coller en bas de mon page qu'il ne puisse pas y avoir des éspaces.

2 réponses
Image
Louis-Nicolas Leuillet
Le 03/08/2022 à 07:25

Bonjour Charles !

 

La solution la plus facile à utiliser est de le faire avec flexbox.

 

<div id="page">
	<div id="header"></div>
	<div id="content"></div>
	<div id="footer"></div>
</div>
#page {
	min-height:100vh; /* 1 */
	display:flex; /* 2 */
	flex-direction:column; /* 3 */
}

#content {
	flex-grow:1; /* 4 */
}
Image
Charles Badibanga
Le 03/08/2022 à 09:06

merci

Image
Inscrivez-vous ou connectez-vous pour participer à la discussion.

Informations

Créée le 31 juillet 2022 19:42
Dernière activité le 31 juillet 2022 19:42