I have recently noticed, that in some versions of Google Chrome the classic css-only sticky footer solution used by compass do not work, when contents is generated by script. The footer just cover the contents instead of moving down. The layout will change to correct one when you resize your window. The css/html in compass is based on solution provided on http://ryanfait.com/resources/footer-stick-to-bottom-of-page/\[code\]html, body { height: 100%;}.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em;}.footer, .push { height: 4em;}\[/code\]With following html:Any ideas, how to fix this?\[code\]<html> <head> <link rel="stylesheet" href="http://stackoverflow.com/questions/11535006/layout.css" ... /> </head> <body> <div class="wrapper"> <p>Your website content here.</p> <div class="push"></div> </div> <div class="footer"> <p>Copyright (c) 2008</p> </div> </body></html>\[/code\]
Sticky footer chrome does not work with dynamic contents
- Thread starter kotsohn
- Start date