Results 1 to 8 of 8

Thread: Empty header displayed in MSIE 7

  1. #1
    Sencha Premium Member
    Join Date
    Apr 2007
    Location
    Vienna, Austria
    Posts
    53
    Vote Rating
    1
      0  

    Default Empty header displayed in MSIE 7

    Hi,

    I have a small with MSIE 7 It shows an header for the following simple panel. MSIE 6 and Firefox do not. I think the header shouldn't be displayed as the documentation says
    If a title is set but header is explicitly set to false, the header will not be rendered
    Code:
    var panel = new Ext.Panel(
        {  
            title: 'Hello World',
            header: false,
            frame: true,
            border: true,
            height: 200,
            width: 200,
            html: 'Hello world content'
        }
    );
    Attached Images Attached Images

  2. #2
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,607
    Vote Rating
    59
      0  

    Default

    Can you post up a little example HTML file which we can drop into examples/xxxxx?

  3. #3
    Sencha Premium Member
    Join Date
    Apr 2007
    Location
    Vienna, Austria
    Posts
    53
    Vote Rating
    1
      0  

    Default

    Hi,

    thanks for your reply! Of course I can. Just started writing my little tutorial "How I Learned to Stop Worrying and Love the Ext Library"
    Attached Files Attached Files

  4. #4
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    3
      0  

    Default

    This problem looks to be related to IE's handling of the xhtml doctype. It also occurs using the strict doctype but works correctly with no doctype. Not sure if this already posted as a bug.

  5. #5
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,607
    Vote Rating
    59
      0  

    Default

    OK, in IE7, I get a gray Panel with no header. Is that a problem?

    tellioglu.jpg

  6. #6
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    3
      0  

    Default

    That's what it's supposed to look like, but it only seems to work that way in IE in quirks mode.

  7. #7
    Sencha Premium Member
    Join Date
    Apr 2007
    Location
    Vienna, Austria
    Posts
    53
    Vote Rating
    1
      0  

    Smile

    Hi,

    thanks for the clarification!

    Quote Originally Posted by tryanDLS View Post
    Not sure if this already posted as a bug.
    I will post it as a bug then, if I can't find it in the bugs forum.

  8. #8
    Sencha Premium Member
    Join Date
    Apr 2007
    Location
    Vienna, Austria
    Posts
    53
    Vote Rating
    1
      0  

    Lightbulb

    Hi!

    Quote Originally Posted by tryanDLS View Post
    This problem looks to be related to IE's handling of the xhtml doctype. It also occurs using the strict doctype but works correctly with no doctype. Not sure if this already posted as a bug.
    I think I located the problem. For a panel with hidden header the following html is generated:

    Code:
        <div class="x-panel-tl">
            <div class="x-panel-tr">
                <div class="x-panel-tc"></div>
            </div>
        </div>
    In panel.css it says:

    Code:
    .x-panel-tc {
    	background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 0;
    	overflow:hidden;
    }
    And this triggers the following bug in almost standard mode: http://www.excel.net/~jbrunett/brows...iv_height.html

    I think being able to use other modes than quirks mode with MSIE 7 would be nice. So maybe a workaround should be implemented?

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •