I want to use a div to create a box that is near to the bottom right corner 
of the browser. The box Div will lie right on top of the footer & to the 
bottom right corner of the browser.

The requirement is that that Div must be in that desired position *
relatively* to the browser size. It means that when users shrink to extend 
the browser the div will be moved as well, but no matter how the div was 
moved, it should be always in that desired position.

Here is my code:
   <g:HTMLPanel>
<div class="{style.bottomRightCornerPosition}">
               <g:HTMLPanel>
                      <g:Button text="test" />
                </g:HTMLPanel>
</div>
  </g:HTMLPanel>


Here is Css
.bottomRightCornerPosition{
  position: fixed;
    bottom: 50px;
    right: 0;
}

After running, the HTMLPanel showed as expected, but I couldn't click on 
the button?

Why is that? How to fix it?

Can we have other solution sing Gwt coding rather css?

-- 
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 [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/groups/opt_out.

Reply via email to