trying to get footer to stick to bottom

Question

here is my site http://iadprint.com/services

i have tried everything to get the footer to stick to the bottom but nothing wont work other than doing a set height in css on the tag #cright but i dont want to do that since dynamic content would go in there. can anyone see what im missing or doing wrong?

thanks

Stick as in position:fixed or something else? – Mike Robinson Mar 28 '11 at 03:29 — Mike Robinson, Mar 28 '11 at 03:29

score 33 · Accepted Answer · answered Mar 28 '11 at 03:41

33

add to your footer css

position:absolute;
bottom:0;

If you want footer to always be at the bottom regardless of window scroll then use

position:fixed;
bottom:0;

answered Mar 28 '11 at 03:41

Hussein

42,480
25
113
143

score 0 · Answer 2 · edited May 05 '18 at 18:00

0

Have you tried using the 'sticky footer' trick in combination with Javascript (e.g. jQuery.height())? You could detect the new footer height and update the css accordingly.

See also this CSS-Tricks article.

edited May 05 '18 at 18:00

jpyams

4,030
9
41
66

answered Mar 28 '11 at 03:29

Actually, your link references this site - http://www.cssstickyfooter.com/ - which has more documentation on usage. – Ciaran Mar 28 '11 at 04:52
@Ciaran the css-tricks link is far more clear and to-the-point in my opinion – Alex Oct 22 '14 at 11:23

trying to get footer to stick to bottom

2 Answers2