Answers for "how to set the footer at the bottom using css"

CSS
2

why is my footer not at the bottom html

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#999;
}

//name footer id="footer"
Posted by: Guest on April-06-2021
9

how to set the footer at the bottom using css

#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 */
}
Posted by: Guest on March-16-2020
1

set footer element at bottom

<html>
<title>Set footer bottom</title>
<body>
<footer style = "position: absolute;bottom: 0;">copyright @2021</footer>
</body>
</html>
Posted by: Guest on July-17-2021
0

how to set the footer at the bottom using css

<!DOCTYPE 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>
Posted by: Guest on March-15-2021

Code answers related to "how to set the footer at the bottom using css"

Browse Popular Code Answers by Language