• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 268
  • 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

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

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