Float div in bottom right of screen...

[apriljoanne]

I want to create a contact div that is always on the bottom right of the screen and scrolls with the page. Can I do this in css? I am hesitant to use javascript because I have only been able to manage to get one script to work on my page at a time and don't want to break it.

I tried all sorts of positioning but haven't been able to figure it out. Any help is appreciated!

[Beverleyh]

You sure can. Pop this into your markup and tweak away;

<div style="border:1px solid red; position:fixed; bottom:0; right:0; width:250px; height:150px;">FIXED CONTENT</div>

You can also separate the CSS and put it in your stylesheet;

HTML

<div class="fixed-box"></div>

CSS

.fixed-box {
border:1px solid red; 
position:fixed; 
bottom:0; 
right:0; 
width:250px; 
height:150px;
}

[apriljoanne]

Thank you! It worked! I had a similar code that half worked but couldn't figure out why it disappeared toward the footer of the page. I needed to add a z-index. I didn't think to add a border for testing- helped a ton in figuring it out