Sticky Footer in Thesis


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. PHP:
  2.  
  3. function non_footer_start() {
  4. echo '<div id="non_footer">';
  5. }
  6. add_action('thesis_hook_before_html','non_footer_start');
  7. function non_footer_end() {
  8. echo '</div>' . "\n";
  9. }
  10. add_action('thesis_hook_after_content_area','non_footer_end');
  11.  
  12.  
  13. CSS:
  14.  
  15. html, .custom {height:100%;}
  16. #non_footer {min-height:100%; height:auto !important; height:100%; margin:0 0 -9em;}
  17. .ie #non_footer {padding-bottom:0 0 -9em; margin-bottom:0;}
  18. .custom #footer_area {height:9em; clear:both;}

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.