How to float a DIV top right corner of browser?

  • Follow


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. 


0
Reply Michael 2/20/2006 12:09:01 AM

Michael wrote:
> 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/comp.infosystems.www.authoring.stylesheets/browse_frm/thread/a9478e9cfda4fc44/6362e82ff0a1d5f5?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>



-- 
Rob
0
Reply RobG 2/20/2006 12:26:12 AM


1 Replies
668 Views

(page loaded in 0.035 seconds)

Similiar Articles:













7/24/2012 10:55:42 PM


Reply: