Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 270
  • Last Modified:

How can I make this div fixed so the content goes under it when scrolled?

http://www.geniesgameroom.com/ee/#!/page_Portfolio

I want to make the footer fixed at the bottom. It should be about 100px or so. How can I do this so that the footer is fixed and the content goes under it when scrolling down?

Any help is appreciated.
Thank you in advance
0
CavemanLawyer
Asked:
CavemanLawyer
  • 2
2 Solutions
 
Amar BardoliwalaCommented:
Hello CavemanLawyer,

Following should help you.

http://css-tricks.com/snippets/css/fixed-footer/
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

Thank you.

Amar Bardoliwala
0
 
COBOLdinosaurCommented:
validate and fix the errors in the HTML
validate and fix any CSS errors
Use display:fixed on the footer along with a value for bottom and z-index

This might help you understand how fixed positioning works


Cd&
0
 
CavemanLawyerAuthor Commented:
Does this work for the <footer> tag in html5? I can't get it to be fixed for some reason.
0
 
CavemanLawyerAuthor Commented:
nevermind. I got it. I had to remove relative position. It does in fact work for the footer tag as well.

Thank you!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now