Results 1 to 3 of 3

Thread: Div has incorrect width when using 'IE9 standards' document mode in IE9

    Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #1
    Sencha User
    Join Date
    Jan 2013
    Posts
    2
    Vote Rating
    0
      0  

    Default Div has incorrect width when using 'IE9 standards' document mode in IE9

    Hi,
    I use the following code

    HTML Code:
    <div class="msg" >
        <div class="x-box-tl">
            <div class="x-box-tr">
                <div class="x-box-tc">
                </div>
            </div>
        </div>
        <div class="x-box-ml">
            <div class="x-box-mr">
                <div class="x-box-mc">
                    <h3>', t, '</h3>', s, '
                </div>
            </div>
        </div>
        <div class="x-box-bl">
            <div class="x-box-br">
                <div class="x-box-bc">
                </div>
            </div>
        </div>
    </div>
    in order to create message boxes. ('t' and 's' are title and message itself)
    This message box has the same default width in almost all browsers (chrome, firefox, etc). This default width is much less than browser window's width.
    The incorrect behaviour appears when I try to create the message box in IE9.
    Specifically, the message box is stretched to browser window's width if I set document mode to 'IE9 standards'.
    Setting other document modes has no effect.
    I guess the problem is caused by one of css classes that are used here. (my extjs version is 3.4.0)

    Hope this will be fixed
    Thanks

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,553
    Vote Rating
    1272
      0  

    Default

    I do not understand what you are doing here. Just trying to use Ext JS' styles on HTML elements?
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

  3. #3
    Sencha User
    Join Date
    Jan 2013
    Posts
    2
    Vote Rating
    0
      0  

    Default

    Exactly. The problem is that the whole message box is stretched when using IE9 with 'IE9 standards' document mode

Tags for this Thread

Posting Permissions

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