Bonjour ! Je ne suis pas sûr d'avoir compris ta demande. Tu souhaiterais que le footer soit figé tout en bas de la page ou qu'il soit positionné après tous les éléments de la page ?
Excellente question. Je pense que lagrenouille veut que
l'élément .footer soit seulement et simplement situé
après tous les éléments de la page.
Gérard]]>
.footer{
clear: both;
height: 140px;
padding: 1em 0 0;
margin:1em 0 0 0;
background: #2F4F4F;
color: white;
max-width: 1400px;
margin: 0 auto;
}
Les marges sont redéfinies à l'intérieur du même sélecteur.
Ce n'est pas une erreur mais c'est certainement une
déclaration inutile. La première déclaration va être
ignorée parce que redéfinie par la deuxième.
.
celui de cette page qui est un autre index.html, pour la visite du site, footer en vert, c'est un autre css qui est appelé, il est bien en bas de page, voir cette page,
https://funambule.org/chezlagrenouille-site/
..footer{
clear: both;
height: 120px;
padding: 2em 0 0;
margin:auto;
background: darkslategray;
width: 100%;
max-width: 1400px;
color: white;
text-align: center;
position: bottom: 0;
}
Normalement, un élément bloc utilise toute la largeur qui lui est disponible de son élément parent.
Donc, il me semble inutile de déclarer
Deuxièmement, la déclaration 'position: bottom: 0;' est erronée et va être ignorée.
mais impossible pour une autre page, de l'avoir en bas de page de mon navigateur
https://funambule.org/chezlagrenouille- … liers.html
le footer se mets bien juste en dessous du menu, (probablement le bas de la page html, mais pas en bas de page du navigateur, il fait appel au même css que le précédent. peut-être je demande l'impossible ? d'où ma question...
Il n'y a pas d'élément .footer dans la page ateliers.html.
La première chose que je te recommande c'est de valider le codage HTML et de valider le codage CSS.
Ensuite, de créer une page, une seule, sur laquelle tu souhaites avoir de l'aide. Les 3 pages
que tu mentionnes sont différentes et les codes HTML et CSS ne sont pas exempts d'erreurs.
Finalement, de réduire (minimiser) le code de la page qui pose problème.
Je vois plusieurs autres problèmes avec ton code: sur-déclarations, abus
d'éléments <br>, pages non échelonnables ("scalable" en anglais), etc..
Gérard]]>
@zaphir
Il faudrait lire ce que j'écris avant de répondre, ce serait sympa
Ai-je été désobligeant dans mes réponses ?
Pas à ma connaissance, sois gentil d'en faire de même en évitant de faire comme si je te faisais perdre ton temps.
il y a le html d'un coté et les css de l'autre
on fait appel aux css, dans le head, de cette manière:
<link rel="stylesheet" href="layout.css" type="text/css" />
Je connais la relation entre le HTLM et le CSS inutile de faire comme si donnais un cours à chacune de tes réponses alors même que tu demandes de l'aide.
le css est bon
...]]>
.
celui de cette page qui est un autre index.html, pour la visite du site, footer en vert, c'est un autre css qui est appelé, il est bien en bas de page, voir cette page,
https://funambule.org/chezlagrenouille-site/
.
code =
mais impossible pour une autre page, de l'avoir en bas de page de mon navigateur
https://funambule.org/chezlagrenouille- … liers.html
le footer se mets bien juste en dessous du menu, (probablement le bas de la page html, mais pas en bas de page du navigateur, il fait appel au même css que le précédent. peut-être je demande l'impossible ? d'où ma question...
l'outil de développement web permet de voir les codes, j'ai viré le footer en attendant
.
je me sers de cette extension pour déboguer
WAVE Evaluation Tool qui est bien pratique]]>