CSS to measure browser window

[Andy Goldberg]

I used the following dynamic CSS to create a DIV tag that places itself in
the bottom-right corner of the browser window (specifically, the bottom 1/3,
the right 1/2). It works great (in IE5, I haven't tested it anywhere else
yet), the user can resize the window all he/she wants and the DIV resizes
itself perfectly. The problem is, if the underlying page is long enough to
be scrollable, when the user scrolls down then the DIV tag scrolls right up
the screen with everything else... it pretty much ruins the effect.

<div class="corner" style="top: expression(2 * body.clientHeight / 3);
height: expression body.clientHeight / 3);
left: expression(body.clientWidth / 2);
width: expression(body.clientWidth / 2);">
bla bla bla my text is here
</div>

Is there another measurement I should use instead of "body.clientHeight"
that won't be affected by scrolling? Does anyone know where to find some
documentation on measuring browser windows, etc.?

Thanks!

-Andy

[Eric Carr]

You need to move your div along with the scrolling; add
body.clientHeight to body.scrollTop and you're set !

- Eric