html - sticky footer does not stay down when window is resized smaller and than scrolled -


i'm using sticky footer not stay down if resize window smaller , scroll up. image main wrapper not scaling down proplery if resize window.

working url: http://www.nvcc.edu/home/ssuh/footer/index2.html screenshot of problem - http://www.nvcc.edu/home/ssuh/footer/help.html

is there way keep footer on bototm of page until hits content?

html:

  <body class="yui-skin-sam  splash_asp">   <div id="parature_wrapper">  # has background image not    scale right       <div id="parature_content"></div>  #this has backgorund image works.   </div>    <div id="footer"></div>   </body> 

css:

*, body {  margin: 0;  padding: 0; }  body {  font: 62.5% verdana, geneva, sans-serif;  background: url(background.jpg) no-repeat center top fixed;  height: 100%;  } html {  height: 100%;   }   #parature_wrapper {  /*  wrap of content */ width: 960px; margin: 0 auto; position: relative; background: url(topheader.png) no-repeat top left ; height: auto;  min-height: 100%; margin-bottom: -30px}       #parature_content {     /* main page content goes here. left kb nav included. */  position: absolute;  top: 166px;  right: 20px;  width: 630px;  background:url(content-bg.png) repeat;  font-size: 1.1em;  /*height: 5000px; */  padding-top: 20px;  padding: 20px; 

}

  #footer {  clear:both; margin: 0 auto; background: url(footer-bg.png) no-repeat    ; width: 918px; bottom: 0; position: relative; height:28px;  border-top: solid 1px #a49a8b;  border-left: solid 1px #a49a8b; border-right: solid 1px #a49a8b; }  

you see/use ryan fait's sticky footer:

http://ryanfait.com/sticky-footer/

#footer's height:         30px #parature_content's top: 165px 

maybe should set #parachute_content > .push's height (30+165)px adapt relative positioning of content area.


Comments

Popular posts from this blog

objective c - Change font of selected text in UITextView -

php - Accessing POST data in Facebook cavas app -

c# - Getting control value when switching a view as part of a multiview -