so my footer is not really behaving, and i’ve tried everything at this point.

I have added around 50 row in the same table. After that content overlapping the footer.
Data 15 is showing but Data 16 and Data 17 are missing

I’m trying to create a website for a school project, but I’m stuck at making the footer display just at the bottom of the page, so you can only see it when scrolling down completly. If I use position: absolute; and bottom: 0;, it’s displaying on my .videooverlay.