title: GWT DockLayoutPanel with browser determining size of some subpanels?
body: <p>It looks like you have to specify absolute sizes of all but one subpanel. For example, from the <a href="http://code.google.com/webtoolkit/doc/latest/DevGuideUiPanels.html#LayoutPanels" rel="nofollow">GWT docs</a>:</p>
  
  <pre><code>DockLayoutPanel p = new DockLayoutPanel(Unit.EM);
  p.addNorth(new HTML("header"), 2);
  p.addSouth(new HTML("footer"), 2);
  p.addWest(new HTML("navigation"), 10);
  p.add(new HTML(content));
  </code></pre>
  
  <p>But I want the north panel sized by the browser. I put some text or buttons in it and I don't know exactly what size it will be, I just know it is relatively thin and at the top of the page.  And I want the content to take up the rest of the space, but no more, so there are no browser scroll bars.  Is there a way to handle this with these newer layout panels?</p>
  
  <p>Right now I'm using the older panels, and I have a handler attached with <code>Window.addResizeHandler</code>, which sets the height of the main content area so that everything fits within <code>Window.getClientHeight</code> </p>
  
  <p><strong>Update:</strong></p>
  
  <p>Thomas suggested a <code>DockLayoutPanel</code> inside a <code>HeaderPanel</code>, but this is not working for me: </p>
  
  <pre><code>&lt;g:HeaderPanel&gt;
   &lt;g:Label&gt;Header top&lt;/g:Label&gt;
   &lt;g:DockLayoutPanel unit='PX'&gt;
     &lt;g:west size='300'&gt;
       &lt;g:Label&gt;West&lt;/g:Label&gt;
     &lt;/g:west&gt;
     &lt;g:center&gt;
       &lt;g:Label&gt;Center&lt;/g:Label&gt;
     &lt;/g:center&gt;
   &lt;/g:DockLayoutPanel&gt;
  &lt;/g:HeaderPanel&gt;
  </code></pre>
  
  <p>"Header top" is there, the rest invisible.  It looks like inner divs are getting 0 height.</p>