Talking HTML
Talking HTML
Tom Norman
Eps 35: Fixed Position Footer
7 minutes Posted Apr 25, 2018 at 10:39 pm.
0:00
7:40
Download MP3
Show notes

What is a fixed position footer?

  • The concept of taking a footer that more than likely doesn’t sit at the bottom of a screen comfortably and forcing it to stay put at the bottom of the screen.
  • This is ideal if you have information there that you would like people to have a constant view on. Ie, social links, navigation links, contact information

<footer id=”footer”>

Content goes here.
</footer>

#footer {

  position:fixed;
  left:0px;
  bottom:0px;
  Height:30px; <!–Is it needed? Play around with it –>
  width:100%;
}

Flexbox – via CSS Tricks by Chris Coyier

Twitter
@SchaffenCreate
@tommnorman

Website: https://www.schaffencreative.com

 

The post Eps 35: Fixed Position Footer appeared first on Schaffen Creative.