Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Aiheen aloitti: Biology Forums - elokuu 07, 2011, 01:47:38 AP

Otsikko: Does anyone know how to create a floating <div> at the bottom?
Kirjoitti: Biology Forums - elokuu 07, 2011, 01:47:38 AP
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.

Otsikko: Re: Does anyone know how to create a floating <div> at the bottom?
Kirjoitti: Ricky. - elokuu 07, 2011, 03:13:53 AP
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;
}

Otsikko: Re: Does anyone know how to create a floating <div> at the bottom?
Kirjoitti: Biology Forums - elokuu 07, 2011, 05:17:05 IP
That didn't work :(
Otsikko: Re: Does anyone know how to create a floating <div> at the bottom?
Kirjoitti: Ricky. - elokuu 08, 2011, 01:52:55 AP
Well, you may have to experiment with its position. Try searching for "css fixed position" in google to understand it completely.