Comment garantir qu'un pied de page reste en bas de la fenêtre du navigateur dans tous les navigateurs ?

Comment positionner un pied de page en bas du navigateur

En CSS, positionner un pied de page HTML en bas de la fenêtre du navigateur peut être un défi commun. Voici comment :

Un utilisateur a partagé son expérience où il a essayé différentes méthodes pour positionner le pied de page, mais en vain. Ils ont fourni leur structure HTML et le code CSS pertinent, qui incluait des propriétés telles que la marge et le positionnement.

En examinant le code, il était évident que le problème résidait dans les propriétés de positionnement. L'utilisateur avait défini la position du pied de page sur "relative" et la classe Main sur "relative" également.

Pour positionner correctement le pied de page en bas du navigateur, l'utilisateur a implémenté les styles suivants :

<code class="css">#Footer {
  position: absolute;
  width: 100%;
  bottom: 0px;
}</code>

Avec ces paramètres, le pied de page était positionné absolument en bas de la fenêtre, y restant quelle que soit la hauteur du contenu.

Le paramètre "position:fixed" ne fonctionnait pas dans IE, mais il fait dans Firefox. En fin de compte, la méthode de positionnement absolu fournie avec « bottom:0 » a réussi à positionner le pied de page en bas du navigateur pour les deux navigateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!