footer not sticking to bottom of page

Shapely
1

Hi,

I have used the following code to put the footer onto the bottom of the page.

#colophon {

position:absolute;
bottom:0;
width:100%;
height:60px; /* Height of the footer */
background:#6cf;

}

The problem is however, if I have a full page of text it gets stuck on the page and scrolls up.

How Do I fix this?

2

any help guys?

3

Hello there,

I hope you are doing well today.

With these kinds of issues it would be very helpful to have the website URL so that we can inspect the page and test out some CSS to fix the issue so could you please provide a link to your website so that I can inspect it?

Best Regards,
Support

4

Hi,

Here is the link

https://internalnet.co.za/JDPART/profile/

Kind regards

5

Hello there,

Thanks for the link.

After testing the code, all you need to do is change the position attribute to “relative” and that would fix it. Please see the following CSS code:


/*Footer fix*/
#colophon {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: #525252;
}

Best Regards,
Support

6

thank you guys but that then puts me back at the initial problem. the white are below the footer.

How do I overcome this?