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.