What am I doing wrong?😥

Question

When I'm CSS styling my footer element especially the background color,it end up appearing in the middle of the my website.
What could be the problem?

Answer 1

Can you post your code?

Answer 2

make sure you have position:absolute; and bottom:0; properties on your footer element!

Answer 3

.footer {
background-color: #aaa;
bottom: 0px;
height: 20px;
left: 0px;
position: fixed;
right: 0px;
}

This will fix footer on bottom... if you have long page with scrolling use "absolute" instead of "fixed".