“Comment s'assurer que le pied de page est fixé en bas de la page” Réponses codées

Comment s'assurer que le pied de page est fixé en bas de la page


//Index.html
<html>
 <head>
   <link rel="stylesheet" type="text/css" href="main.css" />
 </head>

<body>
 <div id="page-container">
   <div id="content-wrap">
     <!-- all other page content -->
   </div>
   <footer id="footer"></footer>
 </div>
</body>

</html>

//CSS FILE 
#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 2.5rem;    /* Footer height */
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;            /* Footer height */
}
Godwin_NJ

CSS Footer toujours en bas mais visible

/* Fix the footer to the bottom */
footer { position: fixed; }
Av3

Fixer le pied de page en bas

<div class="page">
  <div class="page__inner">
    <header class="header">
      <div class="header__inner">
      </div>
    </header>
    <nav class="nav">
      <div class="nav__inner">
      </div>
    </nav>
    <main class="wrapper">
      <div class="wrapper__inner">
        <div class="content">
          <div class="content__inner">
          </div>
        </div>
        <div class="sidebar">
          <div class="sidebar__inner">
          </div>
        </div>
      </div>
    </main>
    <footer class="footer">
      <div class="footer__inner">
      </div>
    </footer>
  </div>
</div>
Fierce Fish

Réponses similaires à “Comment s'assurer que le pied de page est fixé en bas de la page”

Questions similaires à “Comment s'assurer que le pied de page est fixé en bas de la page”

Plus de réponses similaires à “Comment s'assurer que le pied de page est fixé en bas de la page” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code