Проблемы с компоновкой сетки XUL

Question

Я работаю над созданием приложения XUL прямо сейчас, и я застрял с несколькими проблемами на этом этапе. Мой текущий файл находится здесь: http://projects.thecloudonline.net/gemxul/regrid.xul.

Я хочу, чтобы второй столбец был по существу «float: right» (например, как CSS работает на веб-страницах). Красный фон показывает мне, что часть двинулась, но мой контент застревает влево. Как я могу сделать контент с ним?

Во-вторых, моя общая цель - получить его так, чтобы макет по существу разделялся пополам. Установка maxwidth = "50%" в первом столбце, похоже, ничего не делает. Это правильный подход, или я отсюда?

Это все на данный момент!

Answer 1

Это должно работать:

<grid style="border: #000000 solid 1px;"> 
    <columns> 
     <column style="border-right: #666666 solid 1px;"/> 
     <column flex="1"/> 
     <column style="background-color:red;"/> 
    </columns> 
    <rows> 
     <row> 
      <vbox> 
       <label value="Launcher 1" id="l1_title"/> 
       <button label="button" id="l1_btn" /> 
       <label value="This is a description for item 1." id="l1_desc"/> 
      </vbox> 
      <spacer/> 
      <vbox> 
       <label value="Launcher 2" id="l2_title"/> 
       <button label="button" id="l2_btn"/> 
       <label value="This is a description for item 2." id="l2_desc"/> 
      </vbox> 
     </row> 
     <row style="border-top: #666666 solid 1px;"> 
      <vbox> 
       <label value="Launcher 3" id="l3_title"/> 
       <button label="button" id="l3_btn"/> 
       <label value="This is a description for item 3." id="l3_desc"/> 
      </vbox> 
      <spacer/> 
      <vbox> 
       <label value="Launcher 4" id="l4_title"/> 
       <button label="button" id="l4_btn"/> 
       <label value="This is a description for item 4." id="l4_desc"/> 
      </vbox> 
     </row> 
    </rows> 
</grid> 

Есть несколько способов сделать это. Лично я бы не использовал сетку для чего-то подобного. vbox и hbox в комбинации превосходят все, что вы обычно делаете в таблицах. Но, конечно, это полностью зависит от вашей конечной цели.