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
Post a Comment