Uutiset:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu
Advertisement:

Does anyone know how to create a floating <div> at the bottom?

Aloittaja Biology Forums, elokuu 07, 2011, 01:47:38 AP

« edellinen - seuraava »

Biology Forums

I need help creating a floating divider that sits at the absolute bottom of the window and moves along with you as you scroll down the page. I don't know how to do this, does anyone have the code or a code? If you have one that has a hover effect, I don't mind either. Please see the attachment more a prototype of what I'm trying to do.


Ricky.

Ya, can be done easily, create a DIV and give it some class or ID like
<div class="bottom-fixed">Here goes your content</div>

For above css may go as :
.bottom-fixed {
  position: fixed;
  bottom:0;
}



Ricky.

Well, you may have to experiment with its position. Try searching for "css fixed position" in google to understand it completely.

Advertisement: