Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: CSS HTML jQuery
Hi,
 
i need to fix footer of my web page bottom. i have a page which has some content while it load first. after that i'll append some content in that page. while appending
my page footer not coming down. pls help me
Posted 24-Jan-13 3:03am
Comments
vinodkumarnie at 24-Jan-13 8:21am
   
You can use property style='position:fixed' for your footer.. Still if didn't work, Post your source code..

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Look how sticky footer is implemented in twitter bootstrap:
 
http://twitter.github.com/bootstrap/examples/sticky-footer.html[^]
 

/* Sticky footer styles
-------------------------------------------------- */
 
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
 
/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -60px;
}
 
/* Set the fixed height of the footer here */
#push,
#footer {
  height: 60px;
}
#footer {
  background-color: #f5f5f5;
}
 
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 George Jonsson 215
1 Kornfeld Eliyahu Peter 169
2 OriginalGriff 120
3 PIEBALDconsult 110
4 BillWoodruff 85
0 OriginalGriff 6,165
1 DamithSL 4,658
2 Maciej Los 4,087
3 Kornfeld Eliyahu Peter 3,649
4 Sergey Alexandrovich Kryukov 3,294


Advertise | Privacy | Mobile
Web04 | 2.8.141220.1 | Last Updated 24 Jan 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100