Scrolling Footer When Sliding Down A Link (2 Weeks Issue.. Help Needed)

[MrXortex]

G'day trying to fix this issue for over 2 weeks now.

 

I have made a footer but can't get it right to the bottom.. The problem is I have a slider that slides down to get some information. I want the footer to slide down with it too, I want the footer to be at the bottom, it should resize by itself, like if a person has a 22" monitor it should stay at the bottom and if the person has a 15" monitor is should do the same.

 

But I don't want the position:fixed; some of the text gets hidden behind the footer.

 

Just want it at the bottom.. like it should be able to scroll down too when slider is activated.

 

The image will explain everything I guess.

 

http://i.imgur.com/ASt7G.png

 

 

Code:

 

The HTML:

 

 

HTML:

• <div class="footer_gray">
   
  
• <div class="inner_footer">
   
  
• <div class="footer_right">
   
  
• <p>For feedback or support: admin
   
  
• </div>
   
  
• <div class="footer_left">
   
  
• <p>Copyright © 2012<p>
   
  
• </div>
   
  
• </div>
   
  
• </div>
  

The CSS:

 

• .footer_gray{
   
  
• padding: 10px;
   
  
• background: #CCC;
   
  
• text-align: center;
   
  
• line-height: 35px;
   
  
• color: #D4D4D4;
   
  
• font-size: 13px;
   
  
• text-align: center;
   
  
• text-shadow: white 0 1px 0;
   
  
• overflow: hidden;
   
  
• margin-top: 80px;
   
  
• position: relative;
   
  
• background-color: #F5F5F5;
   
  
• background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#FAFAFA));
   
  
• background-image: -webkit-linear-gradient(top, #F5F5F5, #FAFAFA);
   
  
• background-image: -moz-linear-gradient(top, #F5F5F5, #FAFAFA);
   
  
• background-image: -o-linear-gradient(top, #F5F5F5, #FAFAFA);
   
  
• background-image: linear-gradient(to bottom, #F5F5F5, #FAFAFA);
   
  
• border-top: 1px soli
  

Your help will be highly appreciated!

 

Thank you.

[codefossa]

Why not set it fixed and add a bottom margin to your main div (or bottom element if you didn't do it that way). Just set the margin to the size of the footer, or more depending on if you want a gap or whatever.

[MrXortex]

Now its going okay but its still cut off and all the way to the left.

http://i.imgur.com/CXavC.png