Cross-Browser-Problem im IE: Kommawert bei CSS-Eigenschaften
Michl
- javascript
Hallo, folgende Ausgabe unter Einsatz von jQuery 1.7.2 liefert im Firefox 16 und im IE 9 unterschiedliche Ausgaben:
alert ( 'width: ' + $('#rule-step-wrapper').parents('.ui-dialog').css('width') + ' --- height: ' + $('#rule-step-wrapper').parents('.ui-dialog').css('height') );
Im Firefox 16:
width: 980px --- height: 610px
Im IE 9 dagegen:
width: 980.02px --- height: 610.02px
Wo kommen im IE 9 diese Nachkommastellen her...?
Gruß Michl
Gesetzt werden die Werte wie folgt:
$('#rule-step-wrapper').parents('.ui-dialog').css( { 'width': '980', 'height': '610', 'left': '42%' } );
IE ist immer etwas eigen, wenns aber im allgemeinen bei so kleinen nachkommastellen bleibt könntest du auf (int) casten.