Fix DIV to bottom right corner

Question

Hey

http://www.naomisalsi.com/

I have used html and body attributes to have a gradient background and a flower background for the above site.

i have also used a div to have the bottom right hand flower where it is. Works great, but not when scrolling. How do i get the bottom right hand corner image to stick to the bottom of the screen ?

Thankyou

Answer 1

Hi. You might need to use JavaScript to accomplish this task. Such techniques will accomplish the effect you desire, but they tend not be animate very smoothly. When scrolling, such a "stuck" object will tend to skip and stutter. I found an example here but have not tried it myself. I recommend searching for a few examples and trying out the one that looks cleanest and most modern.

Answer 2

if you put the flower inside a div and position it absolute bottom and right this will stick it there.

For example, something like this will work

#mystylename{
     position:absolute;
     bottom:0;
     right:0:
}

you may need to tweak it to get it sat where you want and also maybe add a z-index

Answer 3

You will want to set position: fixed; instead of position: absolute;.