Menu
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?
425
Optional : bottom right If you want to position the div to bottom right, you should add right : 0; .
If you want to move the div container, make sure the container is set as position "relative." Then adding style="float: right;" will work. If you want to only move the div within that container, then you need to use float="right" on that particular element (object) instead of positioning it with a style.
You can use position: fixed; bottom: 0px; right: 0px; which makes sure that your company logo is always visible at bottom right corner - this means that page scrolling is not affecting its position.
This snippet works in IE7 at least
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>Test</title> <style> #foo { position: fixed; bottom: 0; right: 0; } </style> </head> <body> <div id="foo">Hello World</div> </body> </html> If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
