Footer at the bottom of the page

I’ve tried it, but it wasn’t successful.
last time I’ve defined <style> block in the footnote to manage styles in the way:

#footer{
            page-break-inside: avoid;
            postion:fixed;
            bottom:0;
}

and haven’t got necessary result
now I’ve tried inline style:

<div id="footer" style="position:fixed; bottom:0; >

and it works. thank you for pointing the exact right way.

Now I have the content overlapping the footnote :/. I saw this issue opened somewhere already … will search for it.

many thanks!