[2.2] FireFox 3 table layout width problem

[volante]

Hi,

I'm using a FormPanel with a "table" layout and have a GridPanel inside the table. In IE/Safari/Firefox2 everything displays fine, but in Firefox 3 the width of the grid is not covering the full width of the panel. Here is the page that demonstrates my problem:

http://dev1.netspot.com.au/ucdev/integ/callista.html

If you compare firefox3 with any other browser, you can see the difference.

Thanks

[volante]

Here's some screenshots:

Most browsers:
http://kuat.netspot.com.au/ash/ext/otherbrowsers.jpg

Firefox 3:
http://kuat.netspot.com.au/ash/ext/firefox3.jpg

Cheers

[Animal]

The table cell is only sized as big as it needs to be.

Which is wide enough to hold those input fields.

And it is layout:'fit' so it fits the GridPanel into itself.

FF3 is working as expected. I do not see why other browsers are applying width:100% to the table - that is unexpected behaviour.

If you want the table to be width:100%, you must style it using a CSS rule:



#company-form table.x-table-layout {
width: 100%;
}


You can try this out in Firebug first. Poke the style of the tabel to be width:100%, then on the console type



Ext.getCmp("company-form").doLayout()