1. #1
    Ext GWT Premium Member icfantv's Avatar
    Join Date
    Sep 2011
    Location
    Superior, CO
    Posts
    411
    Vote Rating
    21
    Answers
    20
    icfantv will become famous soon enough icfantv will become famous soon enough

      0  

    Exclamation Unanswered: Ridiculously large (negative) CSS top values calculated

    Unanswered: Ridiculously large (negative) CSS top values calculated


    I'm trying to get the layout of my web app nailed down and I'm using the 3.x demo site and source code to get a handle on how exactly to do this.

    I've got the main browser window in a border layout. My north panel is not rendering correctly either, but my main concern is my west and center panels which are rendering with a CSS top value of -1029 so they're WAY off page. Using Firebug, if I change the top value to the total height of my header obviously it looks fine.

    Anyone have any ideas why this might be happening? Here's the code snippets:

    Code:
        VerticalLayoutContainer northPanel = new VerticalLayoutContainer();
    
        // header image/logo
        HTML headerData = new HTML();
        headerData.setHTML(NORTH_CONTENTS);
        northPanel.add(headerData, new VerticalLayoutContainer.VerticalLayoutData(-1, 91));
    
    
        // top navigation menu
        this.doTopMenuBar(northPanel);
    
    
        BorderLayoutData northData = new BorderLayoutData(120);
        this.setNorthWidget(northPanel, northData);
    
    
        BorderLayoutData westData = new BorderLayoutData(150);
        westData.setMargins(new Margins(5, 0, 5, 5));
        westData.setSplit(true);
        westData.setCollapsible(false);
        westData.setCollapseHidden(false);
        westData.setCollapseMini(false);
    
    
        ContentPanel westPanel = new ContentPanel();
        westPanel.setHeadingText("BMS Navigation");
        westPanel.setBodyBorder(true);
        this.doSideMenu(westPanel);
    
    
        MarginData centerData = new MarginData();
        centerData.setMargins(new Margins(5));
    
    
        this.setWestWidget(westPanel, westData);
        this.setCenterWidget(this.centerContainer, centerData);
    
    
        RootPanel.get().add(this);
    Thanks.

  2. #2
    Ext GWT Premium Member icfantv's Avatar
    Join Date
    Sep 2011
    Location
    Superior, CO
    Posts
    411
    Vote Rating
    21
    Answers
    20
    icfantv will become famous soon enough icfantv will become famous soon enough

      0  

    Default


    As a work-around, I've created a CSS class that simply defines the CSS top property as the height of the North panel. I would still like to know why the large negative values were calculated.