html5 - How do you keep the footer at the bottom of the screen even when you decrease the width of the browser? -


i setting footer copyright information.

footer {     display:block;      position: fixed;      width:100%;      top:calc(100vh - 30%);      font-family: "avenir lt std", arial;      font-weight:bold;     color:white;     font-size:12px;     background-color: black;     margin-right:auto;     margin-left:auto;     padding:2px;     z-index:0;      opacity: 0.5 } 

thanks others on site, top:cal(100vh - 30%) keeps footer @ bottom of page when browser @ maximum width. decrease width of browser, footer floats upward. there way keep on bottom no matter dimensions of browser?

thanks,

try this:

footer { display: block; position: fixed; font-family: arial; font-weight: bold; colour: white; font-size: 12px; opacity: 0.5; bottom: 0px; } 

Comments

Popular posts from this blog

dns - How To Use Custom Nameserver On Free Cloudflare? -

python - Pygame screen.blit not working -

c# - Web API response xml language -