IE7 problem ('this.container' is null or not an object)

[lucassus]

I've spend several hours on trying fix this problem and I still didn't find the solution :/

Everything works fine in Firefox, but in IE7 and Opera 9 I receive this error:
Line 236 (ext-all.js)
'this.container' is null or not an object

I've tried use different versions of the Ext (currently I'm using ext-1.1-beta2).

After a long investigation I found that problem occurs in this part of code:

grid = new Ext.grid.EditorGrid(
            'product-grid',
            //parent.document.getElementById('product-grid'), - I also tried this method.. doesn't work
            {
                ds: dataSource,
                cm: getColumnModel(),
                selModel: new Ext.grid.RowSelectionModel({singleSelect: true}),
                //autoExpandColumn: 'Nazwa produktu',
                enableColLock: false,
                loadMask: true
            }
        ); 

Grid is being created in "bootstrap" which looks like:

var ProductGridUI = function() {

// code for building complete grid, menus, etc.

       return {
        init: function() {
            buildGrid();
        }
    }

}

Ext.onReady(ProductGridUI.init, ProductGridUI, true); 

Here is html code for the grid:

<div style="width:100%;" class="x-box-blue">

    <div class="x-box-tl">
        <div class="x-box-tr">
            <div class="x-box-tc">
            </div>
        </div>
    </div>

    <div class="x-box-ml">
        <div class="x-box-mr">
            <div class="x-box-mc">
                <div id="product-grid" style="border:1px solid #99bbe8; overflow: hidden; width: 100%; height: 360px;">
                </div>
            </div>
        </div>
    </div>

    <div class="x-box-bl">
        <div class="x-box-br">
            <div class="x-box-bc">
            </div>
        </div>
    </div>

</div> 

Thanks for help!

[lucassus]

Hi!
I almost find the bug in my code.

When I encompass grid div with this code, IE (and Opera) returns error ('this.container' is null or not an object).
The html code:
[PHP]
<!-- Category grid { --!>
<div class="x-box-blue" style="width: 829px;">
<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc">
</div></div></div>

<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">
<h3 style="margin-bottom: 5px; text-align: center;">Katagorie produkt

[lucassus]

wooohoo !!
I've found..

The problem occurs when I encompass grid divs with this comment:

<!-- Category grid { --!>

<div>
grid here
</div>

<!-- } Category grid --!> 

Very weird. Why IE and Opera behaves in this way?

[RobbyRacoon]

Very weird. Why IE and Opera behaves in this way?

I wish I knew, but I think that you just showed me why some code I had a couple weeks ago was crashing. I ended up rewriting the whole page, and in the process removed some similar comments. Maybe I had the same problem and never knew it, and just fixed it "by accident"?