- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
I have never had to make a page that required the footer always sticking to the bottom of the page with small amounts of content. I am Googling way to do this but most are outdated and dont seem to be working to well..
Original Posting (footerStickAlt method)
HTML
CSS
html
{
height: 100%;
}
body
{
height: 100%;
}
#nonFooter
{
position: relative;
min-height: 100%;
}
* html #nonFooter
{
height: 100%;
}
#content
{
padding-bottom: 9em;
}
#footer
{
position: relative;
margin-top: -7.5em;
}
So what im guessing is that they want to force the footer outside of the actual container and than just pull it back in with negative amounts..
All i want to do is have my footer image always on the bottom of the page. Any updated or better ways to achieve this?
-Thanks
stay away from fixed unless you want that behavior.
Use this:
http://www.cssstickyfooter.com/
Hi, It seems to work for me :
footer{
width:100%;
position: absolute;
height: 80px;
clear:both;
top:100%;
}
Holy ham-sammich, this is an old post that i thought marked solved. @LukyVj, thanks for the reply though :)