Positionnement de la dernière page de mon site

**awalter1** · 20/02/2023, 15h56

Bonjour,
Dans mon site j'ai un menu et chaque choix du menu redirige sur la page associée.
Pour le menu :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<li><a href="#contact">Me contacter</a></li>

et pour la page :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<footer>
      <h2 id="contact">Contactez-moi</h2>
      <form>
        <input placeholder="Nom">
...

Mais la dernière page a peu de lignes et du coup, le début de la page n'est pas en haut de mon navigateur : je vois la fin de la page précédente, ce n'est pas pro. Je pense que la dernière page est contrainte par le bas du navigateur.
Y a t'il une directive particulière pour éviter cela, le rendu dépendant forcément du dimensionnement du navigateur.
Merci.

**NoSmoking** · 23/02/2023, 09h17

Bonjour,
j'ai l'impression qu'il y a confusion entre page et « section » dans ta demande !

Si tu veux mettre ton élément cible en haut de fenêtre il faut qu'il fasse au moins la hauteur de ta fenêtre, donc tu peux ajouter :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
#contact {
  min-height:100vh;
}

cela devrait le faire

**awalter1** · 23/02/2023, 11h59

Bonjour,

oui, je ne maitrise pas forcément le vocabulaire d'aujourd'hui.
Pour moi la section, est au sens tag section du html.
Pour la page, j'ai consulté le web et la notion de page web est confuse. La meilleure définition d'une page web est l'ensemble des informations accessibles via un lien url.
Donc en effet, "page" pour moi est l'ensemble des infos accessibles via un item de mon menu, ce serait donc plutôt une section.

Ta solution fonctionne trés bien, je ne connaissais pas cette unité vh.
Bizarre : elle ne s'applique pas bien pour d'autres sections de mon site.

Peux tu m'expliquer d'ou vient la valeur 100? Est ce lié à la dimension présumée de l'écran, de la fenêtre du navigateur?
Merci