关于panel的收缩和宽度前端设置的问题

雏鸟

现有一个布局，代码如下：
   

我想在前台实现对屏幕的宽度判断，并设置中间panel的宽度，右侧的和底部的panel收缩起来，前台代码如下：
        F.ready(function SetWidth() {
            var pl = document.getElementById('<%=Panel1.ClientID %>');
            var pl_center = document.getElementById('<%=panelCenterRegion.ClientID %>');
                    var obj_cx = document.getElementById('<%=panelRightRegion.ClientID %>');
                    var obj_t = document.getElementById('<%=chart.ClientID %>');         

                    var pl_w = pl.offsetWidth;                  
                    if (pl_w > 900) {
                        pl_center.style.width =900  + 'px';
                        obj_cx.style.width =pl_w - 900  + 'px';
                        F('panelRightRegion').f_setCollapse();
                    }
                    else
                    {
                        F('panelRightRegion').f_setCollapse();
                        pl_center.style.width =900  + 'px';
                        obj_cx.style.width =400 + 'px';
                    }
                });

但是不成功，加载页面以后是这样的请各位指教，谢谢！