For some reason I cannot get my footer to work correctly no matter what I try. I believe this might have to do with my content being absolutely positioned.
It works somewhat when I have content that has large height but when my content has very little height, I still have to scroll to see my footer.
When you minimized the browser window (including height), my footer seems to go up over my content.
Not everything is absolutely positioned. Just my sidebar and content. My body content is absolutely positioned so my slider images on the right will shrink.
For some reason I cannot get my footer to work correctly no matter what I try. I believe this might have to do with my content being absolutely positioned.
It works somewhat when I have content that has large height but when my content has very little height, I still have to scroll to see my footer.
When you minimized the browser window (including height), my footer seems to go up over my content.
Any ideas?
http://codepen.io/christopherburton/full/kBmCx http://jsfiddle.net/ChristopherBurton/kG2qg/
If all of your content is absolutely positioned, this is definitely the cause. Is there a reason why you have everything absolutely positioned?
Not everything is absolutely positioned. Just my sidebar and content. My body content is absolutely positioned so my slider images on the right will shrink.
Is position:fixed for the footer out of the question?
Yes. The footer needs to be below the content at all times.
I just noticed that if I put
#sidebarabove.contentand remove the absolute positioning of#sidebar, it works the same. I wonder if that might help.See here: http://jsfiddle.net/ChristopherBurton/kG2qg
page-wrap {
}
}
sorry...messed up the posting format
The slider images cannot be relatively positioned as they are a piece of a slider and it will break.
See update: http://jsfiddle.net/ChristopherBurton/kG2qg/
Just tested it in codepen and it seems to work great
@springlab See update above. I added my custom slider in. Now, if you were to try your solution, my slider would be useless. Appreciate the help.