I need help sending my footer element to the bottom of the page, and I have tried changing the position style, and have played around with the bottom property

I have a simple problem, I need to set the footer at the bottom of the page. I changed the footers position from absolute, to fixed to relative, and it will either be sent high up the page, or it will float over my aside element. I have tried placing my footer in and outside my body element. This is unusual and not sure what else to do.

I am very new to the programming web design community. If you take issue with how I made my question or very clearly bad habit in my coding than I am very open to hearing this. Thank you for reading.

(file:///C:/Users/200136002/Documents/Test_Portfolio_WD2/portfolio_home.html)

where you trying to upload the html page? you can’t

do you have a codepen, replit, codesandbox or something like that where you can show the issue?

https://codepen.io/swimmingrun21/pen/ZELrLzp
Here is my newly made codepen save. Thanks for the suggestions of what to use. I forgot you could not access my website, sorry!

It looks like you have done it in the codepen. Here’s an article about this very thing.
https://www.freecodecamp.org/news/how-to-keep-your-footer-where-it-belongs-59c6aa05c59c/

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.