3 Jun 2013 3:09 AM #1
Div has incorrect width when using 'IE9 standards' document mode in IE9
I use the following 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>
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
3 Jun 2013 5:58 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
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
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services email@example.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
3 Jun 2013 7:47 AM #3
Exactly. The problem is that the whole message box is stretched when using IE9 with 'IE9 standards' document mode