View Full Version : Viewport in IE6

15 Jul 2009, 12:45 PM
I'm having trouble getting anything within a viewport to render in IE6. The following code produces something in both Firefox and Chrome. Any ideas for an IE fix?

myapp.viewport = new Ext.Viewport({
items: [
xtype: 'panel',
width: '100%',
html: "<div class='something'>test</div>"
renderTo: Ext.getBody()

15 Jul 2009, 5:05 PM
width is a number, not a string and percentages are not supported. The fact that it works in the other browsers is just luck.

16 Jul 2009, 5:13 AM
Making the string a number bears no effect. Still got nothing showing up in IE. No errors either.

16 Jul 2009, 8:04 AM
Just shooting in the dark here.


Is your code in an Ext.onReady?

16 Jul 2009, 8:15 AM
You don't have to specify renderTo config property for Ext.Viewport since it always renders to document body. Also, try throwing in layout: 'fit' in there.

And yup, all this has to go into Ext.onReady(). No element/component instantiation should execute outside of Ext.onReady() flow. Correct me if that statement is wrong.

16 Jul 2009, 8:26 AM
Ah! I didn't realize that you had to do everything in onReady. It works now. Thanks a lot! :)