layout problem with UIBinder

Hi,

assume the following UIBinder layout:

 <ui:style>

  

 </ui:style>

 <g:HTMLPanel>

  <g:VerticalPanel width="100%" height="100%">

  <g:HorizontalSplitPanel height=""/>

  <g:HorizontalPanel height="20px" width="100%" verticalAlignment="ALIGN_BOTTOM">

  <g:Button text="Button1"></g:Button>

  <g:Button text="Button2"></g:Button>

  <g:Button text="Button3"></g:Button>

  </g:HorizontalPanel>

  </g:VerticalPanel>

 </g:HTMLPanel>

</ui:UiBinder> 

I want that the HorizontalSplitPanel occupies most of the vertical space, and that the button bar at the bottom is just as high as needed for the buttons.

However, the "button bar" is not at the bottom, but somewhere in the vertical middle. I also tried setting the height of the HorizontalSplitPanel to "100%" (which would not be exact), but this did not change anything.

In addition, the buttons should float to the left, without horizontal gaps. But they seem to spread along the whole width.

Amy hints?

Thanks
Magnus

--
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.