How to float a DIV top right corner of browser?

[Michael]

Hi,

I'm building some AJAX Web page. I want to display a floating DIV in the top
right corner of the browser window (e.g. a message saying "Loading...").
Kind of like Gmal does. That floating DIV has to take into consideration
that the user might have scrolled down the Web page. Also, it would be nice
if the floating DIV stays visible while the user scroll the Web page. Some
help will be much appreciated.

I'm targeting IE6+ and Firefox.

Thanks.

 

[RobG]

Hi,

I'm building some AJAX Web page. I want to display a floating DIV in the top
right corner of the browser window (e.g. a message saying "Loading...").
Kind of like Gmal does. That floating DIV has to take into consideration
that the user might have scrolled down the Web page. Also, it would be nice
if the floating DIV stays visible while the user scroll the Web page. Some
help will be much appreciated.

Use CSS:

<URL:http://www.w3.org/TR/CSS21/visuren.html#propdef-position>


But not all browsers fully support CSS 2.

There is an IE workaround described here:
<URL:http://groups.google.co.uk/group/co...d5f5?q=position+fixed&rnum=2#6362e82ff0a1d5f5>

Discuss in ciwas:

news:comp.infosystems.www.authoring.stylesheets
<URL:http://groups.google.co.uk/group/comp.infosystems.www.authoring.stylesheets?lnk=lr>