69629

How to put the footer at the bottom of the visible page?

I am changing the Openx implementation and I added a footer. It is always in the bottom and if the page is too long, you need to scroll down to see the footer. But what I am trying to do is, putting the footer in the bottom of the visible part. You know like they put annoying banners right in the bottom and even when you scroll down or up, it is still there. I don't know the name of it. Right now, the footer is in at the bottom. Not inside a div so it is always in the bottom. But, is there a way to make it position exactly the size of the page's visible part? My English is not enough to tell you what I mean I think. I am having some trouble with English right now. Any ideas about how to do that? This is the footer's css;

.footer{ position: relative; margin-top:-100px; }

and it is placed like

<body> some divs.. <div class="footer"> </div> </body>

should I put the footer in one div above? I tried it but it didn't work. Maybe the position should be relative to page's visible height?

Answer1:

try the folllowing css

.footer{ width:100%; position:fixed; bottom:0px; }

And make sure your footer div is the last div.

The position fixed makes your footer stay at the same place even if the browser window is scrolled

Answer2:

Not sure what do you want to achieve.

But if you want your footer always at the bottom of the page try this: http://jsfiddle.net/dV44J/

.footer{ width: 100%; height: 50px; position: fixed; bottom: 0px; }

Recommend

  • Objective C: ADBannerView Change Size and Position
  • EntityFramework. SelectMany with Anonymous Type and Projection
  • RestSharp deserialization containing both a value and a dictionary under the root element
  • REGEX to capture sentences with quotes
  • iOS two views cover exactly half of parent view
  • Eclipse dark color theme fixes
  • Selection Sort, For Java
  • UIPickerView without IB?
  • Custom locale in Android
  • CFBundleDevelopmentRegion not works as expected
  • Mercurial: Identify file name after rename
  • JPA flush vs commit
  • Adjust width of select element according to selected option's width
  • What and where is mdimport
  • Does it make sense to call System.gc() and Thread.sleep() when working on Bitmaps?
  • GridView breaks while scrolling
  • Blackberry - Custom EditField Cursor
  • Change multiple background-images with jQuery
  • Handling un-mapped Rest path
  • Java: can you cast Class into a specific interface?
  • FileReader+canvas image loading problem
  • Body moving without any force applied? (Box2d)
  • Paperclip, set path outside of rails root folder
  • Insert into database using onclick function
  • Android screen density dpi vs ppi
  • Deselecting radio buttons while keeping the View Model in synch
  • Why HTML5 Canvas with a larger size stretch a drawn line?
  • Get object from AWS S3 as a stream
  • AES padding and writing the ciphertext to a disk file
  • Updating server-side rendering client-side
  • DirectX11 ClearRenderTargetViewback with transparent buffer?
  • script to move all files from one location to another location
  • Modifying destination and filename of gulp-svg-sprite
  • How to extract text from Word files using C#?
  • Change an a tag attribute in JavaScript based on screen width
  • CSS Applying specific rule for a specific monitor resolution with only CSS is posible?
  • Memory offsets in inline assembly
  • Change div Background jquery
  • Android Google Maps API OnLocationChanged only called once
  • How to get Windows thread pool to call class member function?