Results 1 to 2 of 2

Thread: IFRAME in a tab/Panel won't fill tab area in IE

  1. #1
    Ext User
    Join Date
    Aug 2007
    Posts
    38
    Vote Rating
    0
      0  

    Default IFRAME in a tab/Panel won't fill tab area in IE

    This is most likely an IE bug but perhaps someone here knows a work-around.

    If I create a tab with the HTML set to an <iframe> tag, IE won't size the contents in the tab to fill the tab area. FFox seems to respond to the width and height settings in the iframe tag but not IE.

    Does anyone know a workaround??

    here's an example html page

    PHP Code:
    <html>
    <
    head>
            <
    title>IE Tab Test</title>
            <
    link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css"></link>
            <
    script type='text/javascript' src='../adapter/yui/yui-utilities.js'></script>
            <script type='text/javascript' src='../adapter/yui/ext-yui-adapter.js'></script>
            <script type='text/javascript' src='../ext-all-debug.js'></script>

    </head>
    <body style="overflow:hidden">
    </body></html>
    <script>
    Ext.onReady(function(){
        // second tabs built from JS
        var tabs2 = new Ext.TabPanel({
            renderTo: document.body,
            activeTab: 0,
            autoWidth: true,
            autoHeight: true,
            plain:true,
            defaults:{autoScroll: true},
            items:[{
                    title: 'Iframe',
                    html: "<iframe width='100%' height='100%' scrolling='auto' src='http://google.com'></iframe>"
                },{
                    title: 'Iframe w+h',
                    html: "<iframe width='100%' height='100%' src='http://yahoo.com'></iframe>"
                },{
                    title: 'Iframe plain',
                    html: "<iframe src='http://news.zdnet.com'></iframe>"
                }
            ]
        });


    });
    </script> 

  2. #2
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    3
      0  

    Default

    Have you looked at the ManagedIFrame extension?

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •