FAQ version Beta 0.5
Positionnement, alignement, centrage
Comment coller un élément (pied de page) en bas de page, quel que soit le contenu ?
Lorsqu'on veut placer un pied de page en bas de la fenêtre, on peut chercher à faire deux choses différentes :
- Soit placer un pied de page tout en bas de la fenêtre, et fixé à cette position, de sorte qu'il soit toujours visible. Dans ce cas, on se penchera sur le positionnement fixe, et en particulier sur la propriété CSS position:fixed.
- Soit placer un pied de page de sorte qu'il soit 1) collé au bas de la fenêtre lorsque le contenu de la page est court et 2) placé en dessous du contenu lorsque le contenu est long.
Le premier point ne sera pas expliqué ici. Un autre item de la FAQ donne quelques pistes à ce sujet.
Pour le deuxième point, une méthode complète en HTML et CSS est décrite ici :
http://web.covertprestige.info/test/16-page-sur-toute-la-hauteur-et-pied-de-page-1.html
Attention, la bonne mise en oeuvre de cette méthode demande un minimum de soin et de rigueur. ;)
Un article sur Pompage.net décrit différentes méthodes et solutions :
http://pompage.net/pompe/pieds/
CONTRAINTES DU MÉDIA, CONTRAINTES D'ACCESSIBILITÉ
Le média Web n'est pas paginé comme le média Print. Les concepts de page, de pied de page, etc., n'existent pas vraiment : sur un document web il n'y a pas de limite verticale ; on utilise l'ascenseur (barre de défilement vertical). Cette spécificité du média explique qu'il soit relativement difficile de créer un «pied de page» équivalent à ce que l'on trouve sur papier. Une solution simple pour régler ces histoires de pied de page est donc de s'adapter au média, et de laisser les informations et liens secondaires se placer naturellement à la suite du contenu de la page.
De plus, positionner un contenu tout en bas de page lorsque le reste du contenu de la page est court peut poser des problèmes d'accessibilité. Dans le cas où cela génère un espace vide entre la fin du contenu et le pied de page, un utilisateur de loupe d'écran ne verra probablement pas le pied de page, et pensera que ce vide correspond à la fin du contenu.
- Soit placer un pied de page tout en bas de la fenêtre, et fixé à cette position, de sorte qu'il soit toujours visible. Dans ce cas, on se penchera sur le positionnement fixe, et en particulier sur la propriété CSS position:fixed.
- Soit placer un pied de page de sorte qu'il soit 1) collé au bas de la fenêtre lorsque le contenu de la page est court et 2) placé en dessous du contenu lorsque le contenu est long.
Le premier point ne sera pas expliqué ici. Un autre item de la FAQ donne quelques pistes à ce sujet.
Pour le deuxième point, une méthode complète en HTML et CSS est décrite ici :
http://web.covertprestige.info/test/16-page-sur-toute-la-hauteur-et-pied-de-page-1.html
Attention, la bonne mise en oeuvre de cette méthode demande un minimum de soin et de rigueur. ;)
Un article sur Pompage.net décrit différentes méthodes et solutions :
http://pompage.net/pompe/pieds/
CONTRAINTES DU MÉDIA, CONTRAINTES D'ACCESSIBILITÉ
Le média Web n'est pas paginé comme le média Print. Les concepts de page, de pied de page, etc., n'existent pas vraiment : sur un document web il n'y a pas de limite verticale ; on utilise l'ascenseur (barre de défilement vertical). Cette spécificité du média explique qu'il soit relativement difficile de créer un «pied de page» équivalent à ce que l'on trouve sur papier. Une solution simple pour régler ces histoires de pied de page est donc de s'adapter au média, et de laisser les informations et liens secondaires se placer naturellement à la suite du contenu de la page.
De plus, positionner un contenu tout en bas de page lorsque le reste du contenu de la page est court peut poser des problèmes d'accessibilité. Dans le cas où cela génère un espace vide entre la fin du contenu et le pied de page, un utilisateur de loupe d'écran ne verra probablement pas le pied de page, et pensera que ce vide correspond à la fin du contenu.
Liens complémentaires