Search code examples
csssticky-footercss-position

conditional sticky CSS footer with fixed header

I tried to find some solution for the following scenario: - fixed header - if content is too short, footer will stick to bottom - of content is longer, footer will be appended to content and scrollable

I found this, but this works only while the header's not fixed: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

here's some fiddled CSS: http://jsfiddle.net/GxskJ/1/

I can't see what's going wrong and how to fix it. Another solution would be much appreciated as well.

thank you!

Solution

  • not sure what you are doing,better description of what you want to achieve would help me in giving you a better answer..

    http://jsfiddle.net/mvivekc/2a7SB/1/