I created a page where you will have a footer that should be fixed at the bottom of the page, when the page starts it has a certain size in total and the footer usually works at the beginning:
ButonthesamepageIhaveabuttonthatdisplaysacontainerthatinitiallycomesasHiden,butwhenclickingthisbuttonandthecontainerisdisplayedthefooternolongerappearsatthebottomofthepagecorrectly,itendsuplikethis:
NOTE: The footer would be the blue line in the case
My CSS looks like this:
.myCSS{
background-color: #036;
font-size: 14px;
float:left;
color: #FFF;
position:absolute;
bottom:0;
margin-bottom: 0px;
line-height: 5px;
}
Is there any way to keep the footer fixed at the end of the screen independent of the page increasing the size?