Hi all,

I m new to programming. I am trying to develop a simple page using Ext JS Library 2.2 ext.js.

<htmlxmlns="http://www.w3.org/1999/xhtml">
<
headrunat="server">
<title>Untitled Page</title>
<scripttype="text/javascript"src="../adapter/ext/ext-base.js"></script>
<scripttype="text/javascript"src="../ext-all.js"></script>
<scripttype="text/javascript">
Ext.onReady(function(){
var viewport = new Ext.Viewport({
layout:
'border',
runat:
'server',
items:[cetercomponent =
new Ext.TabPanel({
region:
'center',activeTab:0,

title:
'Title1',
contentEl:
'MainData' })]
});
});
</script>
</
head>
<
body>
<formid="form1"runat="server">
<divid="MainData">
<tableid="test">
<tr><td>Col1</td><td>Col2</td></tr>
<tr><td>Row1</td><td>Row1</td></tr>
<tr><td>Row2</td><td>Row2</td></tr>
<tr><td>Row3</td><td>Row3</td></tr>
</table>
</div>
</form>
</
body>
</
html>


When i try to call this page through another page, i get Ext.fly(..) is null or not an object error in ie7. However , the same message does not occur in Firefox or other brosers.
<html xmlns="http://www.w3.org/1999/xhtml">
<
headrunat="server">
<title>Untitled Page</title>
</
head>
<
body>
<formid="form1"runat="server">
<iframesrc="masterlayout.aspx"></iframe>
</form>
</
body>
</
html>
Any help would be greatly appreciated.
Thanks in Advance,
Girish.