Make div stay at bottom of window, like Facebook's "Chat" thingee?

Make div stay at bottom of window, like Facebook's "Chat" thingee? - Printable Version

+- Support Forums (https://www.supportforums.net)
+-- Forum: Categories (https://www.supportforums.net/forumdisplay.php?fid=87)
+--- Forum: Webmaster Support (https://www.supportforums.net/forumdisplay.php?fid=36)
+---- Forum: Website Development (https://www.supportforums.net/forumdisplay.php?fid=43)
+---- Thread: Make div stay at bottom of window, like Facebook's "Chat" thingee? (/showthread.php?tid=7042)

Make div stay at bottom of window, like Facebook's "Chat" thingee? - timestandstill - 05-14-2010

I've tried to do this with CSS, but I can't get it to stay put when the page scrolls. I assume this requires JavaScript, which I know nothing about.

Can someone give me the code to do this? Try to keep it organised so I can learn from it Smile

RE: Make div stay at bottom of window, like Facebook's "Chat" thingee? - J0R63 - 05-16-2010

<div style="position:fixed"></div>. I think this will do the trick.

RE: Make div stay at bottom of window, like Facebook's "Chat" thingee? - James - 05-17-2010

Hey there.

Code:
<div style="position:fixed;bottom:0;"></div>

This should work. If not, ensure you specify a height in the footer.