Question

170

how to make a floating div that will float at the bottom of page

rated 0 times [ 173] [ 3] / answers: 1 / hits: 43422 / 11 Years ago, mon, august 5, 2013, 12:00:00

I want to make a floating div that will sit at the bottom of the page if bottom of current page is above window screen otherwise it will sit just above windows screen taskbar and if we scroll the page it will maintain its current position.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

cadendericki

Add To Favorites

Follow

Total Points: 482

Total Questions: 109

Total Answers: 103

Location: Ecuador

Member since Thu, Jun 4, 2020

4 Years ago

answered 11 Years ago jaelynncherokeeg · Accepted Answer

You need to use position: fixed

#footer {

    position: fixed;

    bottom: 0;

    width: 100%;

}

Here's the fiddle: http://jsfiddle.net/uw8f9/