centering table vertically and horizontally.

[d0uble_hel1x]

i'm trying to center a table (containing html fragment of a login form) in a panel vertically and horizontally:

    Resize:function(){
        var s=this.getSize() ;
        var p=this.getPostion();
        
        var e = Ext.get('tblLogin');
        var t=e.getSize();
        
        e.setX(p[0]+(s.width-t.width)/2);
        e.setY(p[1]+(s.height-t.height)/2);    
        
    },

onRender: function(){

  ....
    this.on('resize',this.Resize,this);
  ....
} 

i can't get it to work as FF is complaining this.getPostion is not a function/ this.getX() is not a function eventhough these function can be seen in the list.


has anyone centered a html table in a panel?

[d0uble_hel1x]

LAUGHING MYSELF SILLY ON THIS!!!

this.Postion should have been this.Position