<?xml version="1.0"?> <!DOCTYPE window> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" title="XUL Grid Test"> <style xmlns="http://www.w3.org/1999/xhtml"><![CDATA[ window { background: black; } hbox { height: 100px; width: 100px; } ]]></style> <grid flex="1"> <!-- does anybody actually *want* the way columns align="start" behaves here? --> <columns align="start"> <column style="background: rgb(0, 255, 0)"> <hbox /> <hbox /> <hbox /> </column> <column> <hbox style="background: rgb(0, 255, 0)" /> <hbox style="background: rgb(0, 255, 0)" /> <hbox style="background: rgb(0, 255, 0)" /> </column> <column> <hbox /> <hbox /> <hbox /> </column> </columns> <rows align="start"> <row style="background: rgba(0, 0, 255, 0.6)"> <hbox /> <hbox /> <hbox /> </row> <row> <hbox style="background: rgba(0, 0, 255, 0.6)" /> <hbox style="background: rgba(0, 0, 255, 0.6)" /> <hbox style="background: rgba(0, 0, 255, 0.6)" /> </row> <row> <hbox /> <hbox /> <hbox /> </row> </rows> </grid> </window>