I am facing an issue with my website footer and its CSS styling.
#footer {
position: absolute;
bottom: 0;
width: 100%;
height:8rem;
}
The main goal is to keep the footer at the bottom of the page, regardless of the amount of content on the page.
However, I have observed that when a file is downloaded from the page, the download bar at the bottom of the browser pushes the footer upwards. This problem seems to be specific to Chrome. Is there a way to prevent this behavior?
<div id="page-container">
<div id="footer">
</div>
#page-container {
position: relative;
min-height: 100vh
}