• 0
Sign in to follow this  
Followers 0

Fixed Footer


Question

Posted · Report post

Hello, I've been trying to find some information at the forum , but it seems no one has asked before. :)
 
I'm working on the web of my client: http://servicios.ashotel.es/
 
I want to create a fixed, but can't do it properly.
I'm looking for some to guide to solving.
 
Thanks!

 

1 person likes this

Share this post


Link to post
Share on other sites

6 answers to this question

  • 0

Posted · Report post

Okay, I tested this in DMS and it worked:

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:100px;
   width:100%;
}

You have to adjust the height to match the height of the footer you wish displayed.

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Rob thank you so much. :)

 

I try to make a fFooter stick to the bottom of the page
Every page on the website have a different height and i would like that the footer content is always visible.
 
I try some like this, but no works for me:
 
 
Do you have any idea?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I think that plugin might work.  I'm not sure how to do this, as it's uncommon. Most people want the header as the sticky section.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Rob thank you very much. :)

 

- This was the first attempt:

 

 
/* --------- // first test // ------------ */ 
 
#footer .content .content-pad, #sb_fullwidth .content .content-pad  {
  padding:50px !important;
  position: fixed;
  left: -100px;
  right: 100px;
  bottom: 0px;
  height: 100px;
  width: 60%;
   
}
 
- And this one that works for me:
 
 
/* --------- // accurate code // ------------ */ 
 
#footer .content .content-pad {
  padding:50px ;
  position:fixed;
  bottom:0px;
  height:100px;
  width:60%;
   
}

 

 

This way you always have the footer at the bottom of the browser,

is an elegant way to keep the scroll bar appears when the design

of your website is variable or want to keep information in footer always visible.

 

:D

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I'm happy to see you were successful!

1 person likes this

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0