Something like Static DIV

Friends please visit http://www.sitepoint.com/. If you are first time at the site than you can view a advertisement bar at the bottom of the page. If you scroll page up and down this advertisement bar will not change its position. How can we do this using DIV or javascript.

Waiting for good replies.

 

Fix it to the bottom using bottom: 0; and use fixed position, position: fixed and finally, add a z-index

#ad {
  bottom: 0px;
  position: fixed;
  width: 100%;
  z-index: 3;
}

Code (markup):

edit: IE doesn't support position: fixed, see:
http://www.divinentd.com/experiments/emulating-position-fixed.html

 

nope. It's not working.

 

http://www.divinentd.com/experiments/emulating-position-fixed.html

 

hmmmm. I thought there will be lot of java script involve in it but it seems its all about CSS. krt thanks for link. Its working in IE only.

 

What is? Your implementation or the one on the site?

Did you read the info about limitations, particularly the last paragraph?

 

oh. got it. Now I read this para. I will try to play with the code and try to fix for my needs. Thanks again

 

sitepoint.com is down