28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Désolé pour cette question basique (pour moi), mais comment obtenir un "sticky footer" en utilisant Knacss Version 7 (plutôt avec la fonction grid).
J'imagine que l'on doit pouvoir utiliser les options grid-row-start et/ou grid-row-end pour la classe footer, mais je ne sais pas trop comment la mettre en œuvre.
Je n'ai pas trouvé ce type d'exemple dans le guide Knacss.
Merci d'avance
Modifié par Hardboiled (23 Apr 2018 - 10:50)
Administrateur
Hello,

Tu as un exemple de sticky footer dans la cheatsheet Grid Layout que nous avons publiée : https://www.alsacreations.com/xmedia/tools/grid-cheatsheet.pdf (voir dans les patterns)

Le principe général est que ta rangée qui représente le contenu doit occuper toute la hauteur restante, par exemple :
.parent {
 grid-auto-rows:
 auto 1fr auto;
}


Ceci dit, même si je suis très fan de Grid Layout, je trouve qu'il est bien plus facile de faire des sticky footers avec Flexbox et un simple margin-top: auto sur le footer.

Bonne journée Smiley smile
Merci pour cette réponse rapide (je n’avais pas vu la cheatsheet).
Je vais suivre tes conseils et tenter plutôt une utilisation de flexbox.