How to position the GWT dialog to the bottom right corner of the browser relatively to the Size of the Browser?

I want to position the GWT dialog to the bottom right corner of the browser. There is a fixed footer in my website (height=50px) & I want dialog to be shown as in the following pic.

Look at this code:

    int browserHeight=Window.getClientHeight();

    int browserWidth=Window.getClientWidth();

    dialog.setPopupPosition(browserWidth-dialog.getElement().getClientWidth(), browserHeight-dialog.getElement().getClientHeight());

    dialog.show();

The above code will make the position starts from the very last pixel of the browser (ie bottom=0 & right=0), which is not what i expect. Also, I don't like to use css cos browser incompatible problem.

The 2nd requirement is that, I want the dialogbox to stay in the desired position no matter how users re-size the window browser to smaller or bigger. It means when browser got shrinked or expanded, the dialogbox will still be located near at the bottom right corner of the browser & lie on top of the footer.

so, How to position (via coding) the GWT dialog to the bottom right corner of the browser relatively to the Size of the Browser?

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/groups/opt_out.