1. #1
    Ext User
    Join Date
    Apr 2008
    Posts
    3
    Vote Rating
    0
    mattsheppard is on a distinguished road

      0  

    Default Width issue with Ext.Panel bbar in IE 6

    Width issue with Ext.Panel bbar in IE 6


    Hi all,

    I've just run into a display glitch in IE6 - Hopefully someone can point me in the right direction.

    In the following example, the bbar for the panel is displayed 2ems narrower than the panel it is attached to (it's left aligned) in IE6, where as in Firefox it is displayed as the same width as the panel.

    Can anyone suggest how to fix this?

    I seem to be able to work around either by specifying the width of the panel in ems or the padding in pixels, but I assume it would be expected to work as I have it below.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css"/>
        <script type="text/javascript" src="ext/ext-base.js"></script>
        <script type="text/javascript" src="ext/ext-all-debug.js"></script>
        <script type="text/javascript">
    
        Ext.onReady(function(){        
            var main = new Ext.Panel({
                renderTo: 'content',
                bodyStyle: 'padding: 1em;',
                width: 500,
                html: "Alignment issue in IE - The bbar's width is 2ems less than the main panel in IE6.",
                bbar: [
                        "->",
                    {id: "continue", text: 'Continue'}
                ]
            });
        });
        
        </script>
    </head>
    <body>
        <div id="content"></div>
    </body>
    </html>

  2. #2
    Ext User
    Join Date
    Oct 2007
    Posts
    1
    Vote Rating
    0
    jsmitty is on a distinguished road

      0  

    Default Question answered elsewhere

    Question answered elsewhere


    The author posted this question at Stack Overflow and received an answer there.

    http://stackoverflow.com/questions/9...l-bbar-in-ie-6

  3. #3
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,502
    Vote Rating
    47
    Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    You cannot use any other units than px

    Ext has no way of calculating the exact size for the body because there's no way of knowing how big the margin is.

    If you use eg "10px", I think it will work.

  4. #4
    Sencha User
    Join Date
    Mar 2007
    Posts
    7,854
    Vote Rating
    4
    tryanDLS is on a distinguished road

      0  

    Default


    Looks to be caused by the loose doctype - try running without.

Thread Participants: 3

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi