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>
IFRAME in a tab/Panel won't fill tab area in IE
Reply With Quote