{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 虎瘦雄心在 的问题《Make the footer stick at the bottom of the page》','https://www.manongdao.com/q-957396.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
Here is the site (made in Wordpress): http://milabalami.com I want to have the footer stick at the bottom of the page. Any solutions in how I do this? I have already tried cssstickyfooter.com and xs4all.nl/~peterned/examples/csslayout1.html but none worked as I wanted. What happened was that the main body of the page overlapsed the footer.
I have been wrapping my head around this the past two days and Im lost. Is there anyone that can solve this puzzle?
Are you using
z-indexin the style for yourfooter?It'll make the
footercome out front so the content doesn't overlap it.I've always used footerStickAlt, detailed here: http://www.themaninblue.com/writing/perspective/2005/08/29/
Please, have a look on this: http://www.hardcode.nl/archives_139/article_244-jquery-sticky-footer.htm#sticky_footer
try
position: fixed;on the footer element. Is that what you are looking for?