How to position a div in bottom right corner of a browser

Question

I am trying to place my div with some notes in the bottom right position of the screen which will be displayed all time   I used following css for it    foo        position  fixed       bottom  0       right  0      It works fine with Chrome 3 and Firefox 3 6 but IE8 sucks      what can be a suitable solution for it

User · Answer

I don t have IE8 to test this out  but I m pretty sure it should work    lt div class  screen  gt      lt  -- code -- gt      lt div class  innerdiv  gt        text or other content     lt  div gt   lt  div gt    and the css    screen  position  relative     innerdiv   position  absolute  bottom  0  right  0      This should place the  innerdiv in the bottom-right corner of the  screen class  I hope this helps

User · Answer

Try this    foo       position  absolute      top  100       right  0

User · Answer

This snippet works in IE7 at least   lt  DOCTYPE html gt   lt html gt   lt head gt   lt meta charset utf-8   gt   lt title gt Test lt  title gt   lt style gt     foo       position  fixed      bottom  0      right  0       lt  style gt   lt  head gt   lt body gt     lt div id  foo  gt Hello World lt  div gt   lt  body gt   lt  html gt

[css] How to position a div in bottom right corner of a browser?

Examples related to css

Examples related to cross-browser