Added: 19th of February 2023
Viewed: 314 times
One of the issues I noticed whilst trying to create my own fixed div at the bottom of my webpage, was that the last part of the text would dissapear behind the fixed_footer div when the content was longer than the height of the content div.
This is because the content class has no reference to the fixed_footer class in the CSS code.
To resolve this issue I used calc in css.
I specified the height of the content div - the height of the fixed_footer div.
I also specified the height of the fixed_footer
The code below displays a fixed div at the bottom of the screen. It is also responsive so works across mobile devices.