I am currently building a css website for a client and I want to include a footer at the bottom with contact information. In my style sheet, i was using the code:
#footer {
text-align: right;
color: #454f56;
margin-bottom: 0;
padding-top: 7px;
padding-bottom: 7px;
font-size: 10px;
font-weight: bold;
padding-right: 0px;
position: fixed;
bottom:0px;
}
But depending on the length of the main content, the footer would overlap the content. What I am looking to do, is if the content is shorter than the browser, then the footer would be at the absolute bottom, but otherwise, below the content. Is this possible?
Also, I would like to center the text without using the p align function, what would be the easiest way to do that?
Thanks,
Dan
