Jump to content


Photo
- - - - -

Fixed Footer

footer css framework fixed v2.4.4

Best Answer Rob , 06 September 2013 - 09:11 PM

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.

Go to the full post


  • Please log in to reply
6 replies to this topic

#1 mundocaco

mundocaco

    Advanced Member

  • Members

  • 45 posts
  • LocationCanary Islands
  • Framework Version:2.1.7 DMS
  • Country: Country Flag

Posted 06 September 2013 - 08:22 PM

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:

Please Login or Register to see this Hidden Content

 
I want to create a fixed, but can't do it properly.
I'm looking for some to guide to solving.
 
Thanks!

 


  • DoctorReva likes this

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 06 September 2013 - 08:49 PM

A sticky footer.  I would imagine a plugin is needed for that. However, I don't know how one implements it in DMS.

 

This might help: 

Please Login or Register to see this Hidden Content



#3 mundocaco

mundocaco

    Advanced Member

  • Members

  • 45 posts
  • LocationCanary Islands
  • Framework Version:2.1.7 DMS
  • Country: Country Flag

Posted 06 September 2013 - 08:54 PM

@

Please Login or Register to see this Hidden Content

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:
 

Please Login or Register to see this Hidden Content

 
Do you have any idea?


#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 06 September 2013 - 09:05 PM

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.



#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 06 September 2013 - 09:11 PM   Best Answer

Okay, I tested this in DMS and it worked:

Please Login or Register to see this Hidden Content

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


  • sheilahoff likes this

#6 mundocaco

mundocaco

    Advanced Member

  • Members

  • 45 posts
  • LocationCanary Islands
  • Framework Version:2.1.7 DMS
  • Country: Country Flag

Posted 09 September 2013 - 07:53 AM

@

Please Login or Register to see this Hidden Content

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


  • microsqueek likes this

#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 09 September 2013 - 03:12 PM

I'm happy to see you were successful!


  • mundocaco likes this





Also tagged with one or more of these keywords: footer, css, framework, fixed, v2.4.4