How to Programming with Internet-explorer-9

IE9 - Loading html table into a page with jQuery

javascript,jquery,html,ajax,internet-explorer-9

You can use .replaceWith $('#table_id').replaceWith(data); Because .html replaces internal content. In our case, after use .html table look like this <table id="table_id"> <table id="table_id"> ... </table> </table> ...

.append JQuery not working in IE
jquery,html,internet-explorer-9,append
Since it is working fine on my IE9, I would suggest appending the whole HTML with one `.append()' method instead of trying to append the table and try to use selector with its id. It sounds like your IE9 is having troubles finding the appended element most likely appended DOM...

.load() function in IE10/9 not working

javascript,jquery,internet-explorer,internet-explorer-9,internet-explorer-10

IE9/10 does not support window.location.origin. I removed url from var icon, and made it a relative path. Thanks everyone for the help. function icons() { $('.icons').each(function() { var counter = 0; var select = $(this).text(); var path = "/wp-content/themes/Proxy-Engine/dist/assets/icons/svg/"; var ext = ".svg"; var icon = path+select+ext; $(this).load(icon, function() {...

Knockout dynamic templates do not load in IE9

javascript,jquery,knockout.js,internet-explorer-9

I just figured out what was different with my code... Working demo: http://jsfiddle.net/bL7qatx1/1/ Aparently... var scriptElem = $('<script id="dynamic-template" type="text/html">'); scriptElem.html(dynamicTemplateContents); $('body').append(scriptElem); ... is not the same as... $('body').append('<script type="text/html" id="dynamic-template">'+dynamicTemplateContents+'</' + 'script>'); ... on IE9. Not sure why, though. (If anyone knows, I'd be interested to hear an explanation)...

Select option not dynamically set on IE9

jquery,internet-explorer-9

Comment as answer: You should be setting the val() of the select and not selecting the option, however if you want to change the selected property of an option, use prop() and not attr(). This sets the correct internal values (and triggers selection changes) and does not just change the...

Does hasAttribute() under IE8+ is supported?

javascript,html,internet-explorer-8,internet-explorer-9,mozilla

I make the test in windows 7 with IE 8 and IE9 and works, here are the screenshots. ...

IE9 resource returing array of char instead of JSON object

javascript,json,angularjs,internet-explorer-9,ngresource

I fixed it by doing the following: public JObject Get(string vid) { String result; var status = new { Rating = 100, UserRated = true }; result = JsonConvert.SerializeObject(status); return JObject.Parse(result); } seems there was a problem with the Jtoken, and by doing an explicit parse to JObject it ended...

Foreach binding with “as” alias does not work correctly in IE9

knockout.js,internet-explorer-9

tl;dr: Write out the label tags with an open and close tags. It appears when rendering in IE 9 mode, IE is misclassing some of the elements due to the use of "self-closing" tags. The label is one such tag. Since by being in IE 9 mode, it is also...

jQuery - IE9 issues (works once debugger was opened )

javascript,jquery,internet-explorer,internet-explorer-9,inspect

this sounds very much like a problem i had a long time ago (with IE only): are you using console somewhere in your javascript code? most likely a console.log() ? then you have got a problem because on IE browsers the console javascript object doesn't exist until you have opened...

How can I use JavaScript/jQuery to conditionally add a stylesheet?

javascript,jquery,internet-explorer,internet-explorer-9,conditional-comments

Instead of passing the tag name and its properties as two separate arguments to append(), you need to pass one fully constructed jQuery object (or HTML string). $('head').append( $('<link>', { rel: 'stylesheet', type: 'text/css', href: 'css/ie9.css' }) ); ...

Does slip.js not working on IE9?

internet-explorer-9

You might want to try adding the -ms- prefix to the CSS transforms. See pull request #39 in the github repo (https://github.com/pornel/slip/pull/39/files). Basically, it detects IE9 browser: var damnYouIe9 = (window.ActiveXObject && window.addEventListener && !window.atob); And then add a prefix to your transform class names var iePrePrefix = (damnYouIe9 ?...

Angualr JS module not loading in IE 9

angularjs,html5,internet-explorer-9

Does this work in any browser? Not sure why you have created another module called modules.. but change your script to the following and you should avoid errors. var mainAppModule = angular.module('mainApp', ['ngRoute', 'breadcrumbs', 'slices', 'modules', 'tableview', 'tableSettings', 'pagination', 'ui', 'prompt']).config(function($routeProvider) { appRoutes.init($routeProvider); mainAppModule.controller("mainAppCtrl", ['$scope', function($scope){ //put your controller functionality...

IE9 - Is it possible to have a child Frame render in Edge (HTML5) while parent Frames are in Quirks mode?

html5,internet-explorer,iframe,internet-explorer-9,quirks-mode

If a document is loaded in Quirks mode, all of its iframes will be as well. For more information, please see 2.1.2.3 iframe Handling, as well as the following diagram: With regards to the suggested work-around (using <object>), we're aware that debugging this approach can be difficult. You can however...

`ie9` - contenteditable false not working when parent editable

javascript,jquery,html,css,internet-explorer-9

In IE it actually is working that the "false" flag is respected, but if you double-click on it, it goes into editmode (possibly because the double-click event bubbles up to the parent?). My suggestion would be to put your non-editable content in an ::after element (since no browser will find...

Getting an error when aborting AJAX request in IE9

javascript,ajax,internet-explorer,internet-explorer-9

Codifying our long discussion into an answer... Per various articles like this one I've found on this topic (it's not an unusual issue in IE), IE does not like you to access the standard properties on the xmlHttp object after you call .abort(), but it will still trigger some onreadystatechange...

IE9 CSS universal selector takes precedence over direct selector with important

css,internet-explorer,internet-explorer-9

It's not that the universal rule has higher specificity, it's that select is not going to style the text color in IE9. From your JSFiddle, #gift-sel option will style that text in IE9, as IE9 is relying on option instead of select to style the color....

How to “postMessage” to host from within pdf when viewed in IE9 object element

javascript,asp.net-mvc,pdf,internet-explorer-9,itextsharp

Ok, so I have resolved it, with some help of course. I found the key at this stack overflow post. I needed to wait for the object to load before assigning the message handler. Additionally, I needed a global variable in the pdf javascript to be able to post the...

Form.onsubmit not working

javascript,internet-explorer-9,console.log

Add this to the top of your JavaScript file if (!window.console) { console = { log: function(){} }; } ...

How to access clipboard and current cursor position when pasting in a textarea in IE8/9 before it becomes the current value?

javascript,internet-explorer-8,internet-explorer-9,textarea,maxlength

You can access the clipboard content with window.clipboardData.getData('Text') And manipulate it as necessary before placing it in the textbox. Be sure to return false or the paste event will fire and replace what you did. To access the current value, read the innerText value of the textarea. To get the...

font-awesome icons not showing in IE9 served by nodejs

node.js,internet-explorer-9,font-awesome

Based on comments by tjdett in this post: @font-face EOT not loading over HTTPS I was able to find out about this bug: http://support.microsoft.com/kb/815313 So, needed to remove Cache-control: no-cache from responses and icons started working again in IE9...

Associative Array Internet Explorer 8/9

javascript,arrays,internet-explorer-8,internet-explorer-9

I'm not sure of the bug in IE you're describing, but making your type checks explicit would be a good start: if (typeof obj[name] === 'undefined') { // do stuff } The typeof operator is guaranteed to return a string representing the object type, whereas your type check is potentially...

IE conditional statement displaying div even though the condition says it shouldn't

html5,internet-explorer,internet-explorer-9,html5boilerplate

Since the site opens in IE9 Compat View, I suspect that you are hosting this locally and the page is loading in the Intranet Zone. This will affect the results compared to if you host on the internet. You might (temporarily) uncheck the "Display intranet sites in Compatibility View" setting...

How to eliminate slow scroll through all options in select multiple list in Internet Explorer 9

jquery,html,internet-explorer,internet-explorer-9

My final implementation was much simpler. I simply wrap the selection process with a jQuery hide/show. $(document).ready(function() { $('#selectAll').click(function(e) { $('#lb').hide(); $("#lb option").prop("selected",true); $('#lb').show(); }); }); JSFiddle: http://jsfiddle.net/4b7avgmm/17/...

Grails app is not being loaded only in IE9: what must I check?

javascript,html,html5,grails,internet-explorer-9

Change  <html class="win firefox firefox2 gecko gecko2" lang="br">  to (properly close the else comment)  <html class="win firefox firefox2 gecko gecko2" lang="br"> <![endif]--> ...

Freeze columns/header in place in ASP GridView Chrome and IE9+

css,google-chrome,c#-4.0,internet-explorer-9,aspxgridview

I got this done, not quite the way in which I desired, but done nonetheless by utilising JQuery. I used the code from http://gridviewscroll.aspcity.idv.tw/ ....

Remove mysterious space that IE9 creates around

html,css,internet-explorer,internet-explorer-9

Changing this: .header * { float: left; height: 100%; } To this: .header * { float: left; height: inherit; } Fixes it as 100% is treated as auto in this scenario. Auto in this case is the size of the original image: not the size of the container. From there,...

create an adaptive quadrilateral trapezoid in css

css,css3,svg,internet-explorer-9,css-shapes

You can do this with 3d transforms: .container{ position: relative; max-width: 300px; perspective: 500px; padding: 20px; } .text{ position: relative; z-index: 2; } .cuadrilateral{ position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background: #FBB; border: 3px solid #F66; -ms-transform: rotateY(-10deg) translateX(-5px); transform: rotateY(-10deg) translateX(-5px); } and...

Event Handlers not being invoked in IE 9

javascript,dom,event-handling,internet-explorer-9

Unfortunately, Internet Explorer does not support the mousedown event for option elements. A list of the events it does support can be found here. To do this in IE, you have to implement your own select box with JS/CSS using some other type of elements besides <option> and <select>. I...

Why doesnt IE9 accept files with filename length over 230?

javascript,internet-explorer,internet-explorer-9

Windows limits the length of a filepath to 255 characters (filepath+name, including extension, and the .), + 3 extra characters for C:\ Source: http://vlaurie.com/computers2/Articles/filenames.htm I encounter it all the time when trying to unzip big nested zip files. IE9 makes it worse because it includes the full path for the...

.Net application instance terminates after 13 min, 20 sec whether user is idle or not

c#,.net,silverlight,iis,internet-explorer-9

The issue was caused by McAfee antivirus running on the client's machine. After disabling it, no problems.

Does getElementById() and getElementByName() are same for IE9?

javascript,jquery,internet-explorer,internet-explorer-9,getelementbyid

This is a 'feature' of IE. Their implementation of getElementById initially searches for elements with the given id attribute. If none are found, it then searches for elements by the name attribute, which is against the spec. In your example the behaviour of Firefox is correct, as your input has...

IE9 requires F12 + Refresh to run page

internet-explorer-9

I remember having a similar problem last year. It is indeed strange. It seems to be caused by calls to console.log. In IE9 console.log is only defined when the developer tools are open. That seems to explain why you have to press F12 and do a refresh and then it...

Headroom.js and ie9 support

javascript,jquery,internet-explorer,cross-browser,internet-explorer-9

Make sure to load all of your polyfills before any other scripts. It sounds as though you might be referencing these too late, and thus not properly benefiting from them.

Internet Explorer Tells me The Cache for forward and backward ist deakivated

javascript,ruby-on-rails,html5,internet-explorer-9,tinymce-4

thats probably a Problem while saving? are you using something like the tinyMCE oder CKeditor? Check the configuration of those....

IE9 displaying selected items even when selected=“”

javascript,jquery,html,internet-explorer-9

A co-worker suggested this modification, which worked: $(d).append($liPrev[0].outerHTML.replace('selected=""', '')); In context: $(".removestccode").click(function () { var $ddl = $(this).parents(".stcCodeLi").find(".ddlSTCCode"); $ddl = $(this).prev(); var $liPrev = $ddl.find("option:selected").removeAttr("selected"); var ddls = $('.ddlSTCCode').not($ddl); for (var i = 0; i < ddls.length; i++) { var d = ddls[i]; $(d).append($liPrev[0].outerHTML.replace('selected=""', '')); //$(d).append($liPrev[0].outerHTML);...

Internet explorer 9 will not recognize doctype sent by servlet from weblogic server and renders in document mode IE7 - extra characters before start?

java,html,servlets,internet-explorer-9,weblogic

IE may have some configuration settings that override <!doctype html> in the markup. As per https://msdn.microsoft.com/en-us/library/ie/jj676914(v=vs.85).aspx: Pages opened in the Intranet zone might be treated differently, depending on the configuration of the browser, the presence of group policy options, and other factors. Try to check places listed in the article...

CodeIgniter session issue?

codeigniter,session,internet-explorer-9

Check whether you are creating an object of a controller in any view. That controller required authentication / login to get access. ...

IE vertical centering bug with table-cell parent and absolutely positioned pseudo-element

css,internet-explorer,internet-explorer-9,vertical-alignment,internet-explorer-11

The issue seems to be with how IE is calculating the heights of the cells. Their heights seem to be based on the height of the contents, not the element itself. So I moved the relative positioning to the list itself as its intrinsic height should be consistent: .progress-bar {...

.toggle() does not work with IE9

jquery,internet-explorer-9,toggle

Instead of: $(event.target); use: $(this); jsFiddle example Different versions of IE have issues that jQuery normalizes, such as what you're seeing with event.target....

Stylesheets not loading in IE 9 despite mime type

css,asp.net-mvc,internet-explorer-9,stylesheet

Ok, eventually found the problem. This was not a problem with the mime type and I hope this will save someone a few hours. IE9 limits the size of css files to about 250kb, because I'm using bundling and minification one of my css bundles were exceeding this limit and...

Should the X-UA-Compatible meta tag come before or after the charset tag

html,internet-explorer-9,x-ua-compatible

The X-UA-Compatible header isn't case sensitive; however, it must appear in the header of the webpage (the HEAD section) before all other elements except for the title element and other meta elements. Source: Specifying Legacy Document Modes...

IE-9 not responding to ng-class changes

angularjs,internet-explorer-9

This is a bug in IE9. This post helped me find a answer IE9 input/button element border color issue ng-invalid is a class defined in Angular framework (angular.js) I resolved this bug by adding the following attributes to the input box class upon error: border-bottom 1px solid red; border-top 1px...

SVG width in IE9

internet-explorer,svg,internet-explorer-9

It's because the html, body, and div elements are collapsing down to the intrinsic height of the SVG. To work around that, you can set the html, body, and div elements to 100% height: html, body, div { width: 100%; height: 100%; } See http://jsfiddle.net/7Z8kg/2/ Update: OK, as far as...

Javascript - Apply() breaking IE 9

javascript,jquery,internet-explorer,internet-explorer-9

IE9 doesn't support passing parameters to the callback through arguments of setInterval. So this isn't a problem of apply but of setInterval. You may use this instead: var args = [].slice.call(arguments, 2), newInterval = setInterval(function(){ fun.apply(window, args); }, interval); ...

IE9 Input and Select zoom issue using EM unit

html,css,internet-explorer,internet-explorer-9,font-size

Make sure you have correct Standard Doctype Rendering, also you could add "<meta http-equiv="X-UA-Compatible" content="IE=Edge" />" inside the head tag. It helps to display the webpage in edge mode, which is the highest standards mode supported by Internet Explorer, from Internet Explorer 6 through IE11.

show a div with jQuery if the user is on IE 9 and below

javascript,jquery,internet-explorer,internet-explorer-9

Duh... been a few years, since I busted one of these out..  ...

Error - First chance exception occured in webdriver.dll

selenium,xpath,webdriver,internet-explorer-9

try this: //div[contains(@id, 'menuForm')]...

IE9 miscalculates min-height on DOM update with overflow set

css,internet-explorer,internet-explorer-9

This definitely does look like a layout bug, but fortunately the work-around is pretty simple. Apply a height to your element, along with the min-height. For example: .constrained { height: 100%; min-height: 300px; } The issue exists in Internet Explorer 10 as well. This solution works for both IE 9...

ASP.NET Web Forms - Button not working inside in IE9 and below</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/asp.net'>asp.net</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/iframe'>iframe</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-8'>internet-explorer-8</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/postback'>postback</a> </p> <p class="email-desc"> OK. I have finally solved this one by using the RadUpload instead of the normal Upload ASP.NET control. </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/8.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bMvT/internet-explorer-asp-classic-internet-explorer-9-ocx-how-to-i-get-rid-of-warning-messages-fo-ocxs-for-an-unverified-publisher'>How to I get rid of warning messages fo OCX's for an unverified publisher?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/asp-classic'>asp-classic</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/ocx'>ocx</a> </p> <p class="email-desc"> In the settings for the Trusted Zone; make sure that the "Only allow approved domains to use ActiveX without prompt" option has been set to disabled. Microsoft seems to have reversed the pattern with "what is the most permissive option" for that entry. </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/9.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/csLD/internet-explorer-9-kineticjs-todataurl-kineticjs-how-to-make-ie9-save-canvas-as-image'>KineticJS: How to make IE9 save canvas as image?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/kineticjs'>kineticjs</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/todataurl'>todataurl</a> </p> <p class="email-desc"> It appears that there is no solution to do it in full JS in IE curently... A solution is available here, using a php query : http://danielmclaren.com/node/90 <?php /** * an example URL for viewing a base64-encoded image: * http://example.com/decode.php?image/png;base64,iVBORw0KGgoAAAANS... / $data = split(";", $_SERVER["QUERY_STRING"]); $type = $data[0]; $data =... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/27.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/d3W/css-internet-explorer-8-internet-explorer-9-background-color-linear-gradients-css-how-to-set-up-gradient-background-cross-browser-only-missing-ie8-and-ie9'>CSS: How to set up gradient background cross browser (only missing IE8 and IE9)</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-8'>internet-explorer-8</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/background-color'>background-color</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/linear-gradients'>linear-gradients</a> </p> <p class="email-desc"> filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0002b0fd', endColorstr='#028dca',GradientType=0 ); will give you IE6-9. Using: http://www.colorzilla.com/gradient-editor/ ... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/1.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/c3p0/javascript-internet-explorer-8-internet-explorer-9-extjs42-why-does-ie89-convert-an-array-to-an-object-with-numeric-string-keys'>Why does IE[89] convert an array to an object with numeric/string keys?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-8'>internet-explorer-8</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/extjs4.2'>extjs4.2</a> </p> <p class="email-desc"> When you look at the original jsonData variable in IE8, it displays like this: This will luckily also detect as NOT an array with Ext.isArray(). So, knowing the data structure, I can do the following: var fixed, items, t, i, transaction; // This fix is here for ie8 and ie9... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/5.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/Bry/html-css-internet-explorer-internet-explorer-9-html-select-how-set-height-of-select-dropdown-list-in-ie-9-duplicate'>How set height of select dropdown list in IE 9 [duplicate]</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/html-select'>html-select</a> </p> <p class="email-desc"> You cannot because the select box is a system control. Example See Here... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/14.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/clP9/html-css-internet-explorer-9-border-padding-css-border-disappears-when-padding-is-more-than-0-in-ie9-on-a-nav-ul-li-type-menu-symfony'>CSS border disappears when padding is more than 0 in ie9 on a “nav ul li” type menu (symfony)</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/border'>border</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/padding'>padding</a> </p> <p class="email-desc"> Switching back from Verdana font to Arial "solved" the problem, because I don't have any missing border left. The use of the verdana font was not mandatory, but it's still a shame imho. </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/7.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/ldt/css3-cross-browser-internet-explorer-9-flexbox-how-make-flexible-blocks-without-flexbox-for-old-ie'>How make flexible blocks without flexbox for old IE</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css3'>css3</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/cross-browser'>cross-browser</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/flexbox'>flexbox</a> </p> <p class="email-desc"> Using CSS table layout should give you flexibility depending of content: http://jsfiddle.net/37rxjskx/ .row { display: table; / table-layout: fixed; / / width: 100%; / } .col, button { display: table-cell; padding: 8px 12px; outline: 1px dashed red; } <div class="row"> <div class="col">input auto 100% of the free width space</div> <button... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/24.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bUiJ/php-internet-explorer-ckeditor-internet-explorer-9-ckeditor-cant-access-root-directory-ie9'>ckeditor can't access root directory IE9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/php'>php</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/ckeditor'>ckeditor</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> I found how to make it work. As I said, I used <meta http-equiv="X-UA-Compatible" content="IE=9.0"> in my files to make ckeditor working. What to do if you have the same problem that I HAD, in ckeditor\plugins\pgrfilemanager, open PGRFileManager.php and add the meta <meta http-equiv="X-UA-Compatible" content="IE=9.0"> on the <head>. Like <head>... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/22.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bAeS/internet-explorer-internet-explorer-9-stylus-stylus-keep-9-css-ie9-hack'>Stylus keep “\9” CSS IE9 hack</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/stylus'>stylus</a> </p> <p class="email-desc"> You need to use unquote: width unquote('40px\9') yields width: 40px\9; ... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/3.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/JLz/css-css3-internet-explorer-9-pseudo-class-hamburger-menu-css-hamburger-menu-icon-not-displaying-properly-in-ie9'>CSS Hamburger menu icon not displaying properly in ie9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css3'>css3</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/pseudo-class'>pseudo-class</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/hamburger-menu'>hamburger-menu</a> </p> <p class="email-desc"> CSS transforms are supported in IE9 with -ms- prefix, according to CanIUse. </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/3.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bbX4/internet-explorer-internet-explorer-9-revealjs-site-not-rendering-on-internet-explorer-uses-revealjs-library'>Site not rendering on Internet Explorer (Uses Reveal.js library)</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/reveal.js'>reveal.js</a> </p> <p class="email-desc"> Your site works in Internet Explorer 10 and 11 (Tier 1 browsers, according to reveal.js). However, you have some invalid code that is causing the site to fall into quirks mode at times: <div><!doctype html> Please remove the <div> tag before the doctype; nothing is to precede the doctype. The... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/14.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/3bq/javascript-internet-explorer-internet-explorer-9-select-box-population-function-not-working-in-ie-9'>select box population function not working in IE 9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> So the solution is: Add the option THEN add the text and value And finally, use .text select.add(el); el.text = opt; el.value = opt; Glad that worked for you! =)... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/21.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/beaW/html-internet-explorer-9-contenteditable-pseudo-element-takes-up-space-in-ie9'>Pseudo element takes up space in IE9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/contenteditable'>contenteditable</a> </p> <p class="email-desc"> To make it work in IE: div:empty:before { content: 'Type here...'; color: #ccc; display: inline-block; width: 0; white-space: nowrap; } display: inline-block makes it possible to set a width. width: 0 makes sure that the element does not take up space. white-space: nowrap forces the text to be in one... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/23.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/b7Lb/javascript-html-css-internet-explorer-internet-explorer-9-uniform-div-height-and-button-alignment'>Uniform div height and button alignment</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> Here's an example of how to handle it with a <table> instead of divs--that way no js is required: Table Demo... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/6.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bwA0/html-css-internet-explorer-internet-explorer-9-ie9-ignoring-some-media-queries-in-same-stylesheet'>IE9 ignoring some* media queries in same stylesheet</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> Wow. Just figured it out. I guess IE9 has a "4094 rule" limit. So I broke apart the css file, and everything is good! I'll definitely see why I have so many rules. Sigh of relief.... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/6.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/c1IK/angularjs-internet-explorer-9-gruntjs-yeoman-minify-angularjs-yeoman-grunt-build-script1014-invalid-character-ie9'>AngularJS Yeoman + Grunt Build Script1014 Invalid Character IE9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/angularjs'>angularjs</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/gruntjs'>gruntjs</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/yeoman'>yeoman</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/minify'>minify</a> </p> <p class="email-desc"> This is a result of known problems with unicode support in IE. To avoid this issue, you can pass the ascii_only: true option to the uglify task in your Gruntfile.js. The complete uglify section could look like this: uglify: { options: { beautify: { ascii_only: true, quote_keys: true, beautify: false... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/4.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/de0/css-internet-explorer-9-ie9-removing-dirty-round-corners'>IE9: removing “dirty” round corners</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> use this handy tool for generating the css for gradients http://www.colorzilla.com/gradient-editor/ Support for full multi-stop gradients with IE9 (using SVG). .navsub { display: block; z-index: 999; } .navsub li { /float: left;/ margin: 0px 2px; padding: 3px 5px; display: inline-block; border: 2px solid #fff; border-radius: 5px; z-index: 100; position: relative;... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/25.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/OOI/javascript-css-internet-explorer-internet-explorer-9-inline-styles-how-to-get-style-attribute-value-before-ie9-strips-it'>How to get style attribute value before IE9 strips it</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/inline-styles'>inline-styles</a> </p> <p class="email-desc"> Unfortunately, due to the manner in which IE9 implements the CSS Object Model specification, this is not possible. If we take a look at the specification, we can assume the following is what happens (emphasis mine): 6.7.1 Parsing CSS Values To parse a CSS value value for a given property... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/22.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/Lwg/jquery-css-html5-video-internet-explorer-9-black-overlay-showing-up-on-top-of-html5-video-in-ie9'>Black overlay showing up on top of html5 video in ie9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/html5'>html5</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/video'>video</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> You need so add preload="none" to the video element. The thing is, ie9 only shows poster before video is loaded (or started to load), so if preload is not none the image will at best flicker or not shown at all. </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/21.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/xWL/jquery-internet-explorer-internet-explorer-9-how-do-i-prevent-jquery-from-reloading-an-animation-in-ie-mouse-hover'>How do I prevent jquery from reloading an animation in IE mouse hover?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> Turns out the developer was using mouseover and mouseleave. I didn't notice that until I had him review his code with me. Of course this was causing a trigger every time the mouse moved. Changing mouseover to mouseenter solved the issue. </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/13.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/ce5B/html-internet-explorer-internet-explorer-9-conditional-comments-target-everything-but-ie-9'>Target everything but IE 9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/conditional-comments'>conditional-comments</a> </p> <p class="email-desc"> Sure, just specify the version:  <link rel="stylesheet" href="not-ie-9.css" /> <script src="not-ie-9.js"></script>  Note that what you currently have will result in IE10 and later loading your resources like other browsers, as those newer versions do not process conditional comments.... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/18.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bnx1/android-css-internet-explorer-9-fluid-layout-aspect-ratio-full-height-fluid-image-and-div-at-one-line-div-must-take-remaining-horizontal-space'>Full height fluid image and div at one line. Div must take remaining horizontal space</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/android'>android</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/fluid-layout'>fluid-layout</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/aspect-ratio'>aspect-ratio</a> </p> <p class="email-desc"> I might be misunderstanding your question, but I think you mean how do you get the content div to take the rest of the row (regardless of what's in the left box). I think the solution has a few steps (assuming you can adjust the markup): Put the image into... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/31.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/6vH/internet-explorer-9-ie9-right-click-and-view-source-is-opening-up-in-word'>IE9: Right-click and 'View source' is opening up in word?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> There is an option in developer tools that controls what viewer is used to view source. This may not be your problem but maybe this will help someone else. Open Developer tools (F12). Go to File menu and choose Customize Internet Explorer View Source. Then pick which viewer to use.... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/21.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/c6gJ/jquery-jquery-ui-internet-explorer-9-flowplayer-internet-explorer-11-jquery-ui-dialogue-box-going-behind-flow-player'>jquery ui dialogue box going behind Flow player</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery-ui'>jquery-ui</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/flowplayer'>flowplayer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-11'>internet-explorer-11</a> </p> <p class="email-desc"> I assume you are using flowplayer flash. If so try setting the wmode to opaque. This will allow the player to respect z-indexes. Example taken from flowplayer site flowplayer("player", { src:"http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", wmode: "opaque" // This allows the HTML to hide the flash content }, { clip: { url: 'http://stream.flowplayer.org/flowplayer-700.flv' }... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/5.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bwos/css-internet-explorer-9-internet-explorer-10-applying-css-internet-explorer-9-specific-css-property-affects-ie10'>Applying `css` internet explorer 9 specific css property affects ie10</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-10'>internet-explorer-10</a> </p> <p class="email-desc"> The below should target IE9 only (and not IE10 etc as :root does): @media screen and (min-width:0) and (min-resolution: .001dpcm) { // IE9 CSS .back{visibility:hidden;} } ... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/17.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/c7XO/internet-explorer-9-polymer-how-up-to-date-is-the-polymer-browser-compatibility-page'>How up to date is the Polymer Browser Compatibility page?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/polymer'>polymer</a> </p> <p class="email-desc"> Production means things to different people. chromestatus.com, polymer-project.org, and others are already using Polymer in production, but it really depends on your pain tolerance. Churn will dramatically go down when Chrome and other browsers ship the native APIs. We're still iterating on Polymer itself (it's alpha :)). I also just... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/14.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/4Pe/javascript-wcf-internet-explorer-9-net-45-xdomainrequest-400-bad-request-when-calling-wcf-from-html-using-xdomainrequest'>400 Bad Request when calling wcf from html using XDomainRequest</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/wcf'>wcf</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/.net-4.5'>.net-4.5</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/xdomainrequest'>xdomainrequest</a> </p> <p class="email-desc"> Apparently, the problem came from a typo from the real source file (typo that doesn't appear here) The code that you see above works. I will leave my question here because it seems that it is the right way to proceed and if it doesn't function for you as it... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/15.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bIZy/css-internet-explorer-8-internet-explorer-9-ie-9-8-sub-menu-is-missing'>IE 9 / 8 sub menu is missing</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-8'>internet-explorer-8</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> Dear all thanks for the help. I would like to post the answer which I painfully did line by line addition to the base css files. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a3a0a3', GradientType=0 ); This screwed up my menu bar. Perhaps IE 9 and below couldn't render it. Once I removed it,... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/26.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/ivy/css3-internet-explorer-hover-internet-explorer-9-rgba-internet-explorer-hover-rgba-opacity-css3-compatibility'>Internet Explorer hover/rgba/opacity/css3 compatibility</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css3'>css3</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/hover'>hover</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/rgba'>rgba</a> </p> <p class="email-desc"> The demo works in Internet Explorer 9. The issue may be that you are viewing the page in an older document mode, thus reducing support for things like :hover on non-link elements, and rgba color. Press F12 to open up your Developer Tools and check the document mode from there.... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/21.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/brxa/http-headers-internet-explorer-9-are-other-browsers-affected-by-browser-specific-header'>Are other browsers affected by browser specific header?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/http-headers'>http-headers</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> No, X-UA-Compatible is an IE-specific header as far as I am aware. Note that chrome=1 is not a flag for the Chrome browser, but for really old versions of IE (think IE6, IE7) to use the Google Chrome Frame add-on, which itself is now obsolete. </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/26.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/QEZ/javascript-internet-explorer-9-internet-explorer-10-is-there-a-bug-in-internet-explorer-9-10-with-innerhtml'>Is there a bug in Internet Explorer 9/10 with innerHTML=“”?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-10'>internet-explorer-10</a> </p> <p class="email-desc"> That's very interesting behavior, and happens on IE8 and IE11 as well. Here's a rather simpler test/proof: var span = document.createElement('span'); span.appendChild(document.createTextNode("This disappears on IE")); var div = document.createElement('div'); div.appendChild(span); snippet.log("[before] span's childNodes.length: " + span.childNodes.length); div.innerHTML = ""; snippet.log("[after] span's childNodes.length: " + span.childNodes.length); <!-- Script provides the `snippet`... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/30.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/d5V/css-internet-explorer-8-internet-explorer-9-border-internet-explorer-10-css-how-to-set-up-border-radius-cross-browser-only-ie8-and-ie9-missing-'>CSS: How to set up border radius cross browser (only IE8 and IE9 missing ?)</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-8'>internet-explorer-8</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/border'>border</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-10'>internet-explorer-10</a> </p> <p class="email-desc"> You can't cover IE8 in pure CSS, because it does not support neither final nor vendor-prefixed implementation. IE9 will support it just fine. You can see full support table here: http://caniuse.com/#search=border-radius So based on this table, to answer your question, you won't need -ms-... for IE10 and -o-.. for Opera.... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/5.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bwhq/c-aspnet-pdf-internet-explorer-9-ie9-32bit-vs-64bit-pdf-weird-file-open-behaviour'>IE9 32bit vs 64bit PDF weird file open behaviour</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/c#'>c#</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/asp.net'>asp.net</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/pdf'>pdf</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> This has nothing to do with the server side code and everything to do with the configuration of the browser (effectively it's a user preference). There is no x64 Acrobat AX control. Your best bet is to supply a Content-Disposition header to force download. User then can decide to... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/24.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/baG/javascript-angularjs-internet-explorer-9-google-fusion-tables-angular-http-and-fusion-tables-in-ie9'>Angular $http and Fusion Tables in IE9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/angularjs'>angularjs</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/google-fusion-tables'>google-fusion-tables</a> </p> <p class="email-desc"> You should use the Angular $http.jsonp() request rather than $http.get(). JSONP or “JSON with padding” is the communication technique which allows for data to be requested from a server under a different domain (also known as a Cross Origin Request). Which is what you have used in your jQuery AJAX... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/6.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/b6MH/html-css-internet-explorer-internet-explorer-9-internet-explorer-growing-div-when-hovering-anchor-with-inline-block'>Internet Explorer growing div when hovering anchor with inline-block</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/html'>html</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer'>internet-explorer</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> Excellent bug. This appears to only affect Internet Explorer 9, being resolved in versions 10 and up. While I'm not entirely aware of what is causing the problem, the issue certainly is with the expanding height of the .tabs container on each pass over one of its nested .tab elements.... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/24.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/b6TT/c-css-aspnet-google-chrome-internet-explorer-9-is-there-any-way-to-use-a-non-int32-value-for-cellspacing-in-asp'>Is there any way to use a non Int32 value for Cellspacing in ASP?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/c#'>c#</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/asp.net'>asp.net</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/google-chrome'>google-chrome</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> Try the following: <asp:GridView CellPadding = "5"; GridLines="Vertical" /> ... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/10.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/cymw/javascript-events-internet-explorer-9-javascript-create-event-with-ie9'>Javascript create event with IE9</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/events'>events</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> IE9 supports DOM3 events, so you can create and hook custom events. Here's a complete example, which works in IE9 and any other DOM3-compatible browser: Live Copy <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>IE9+ Custom Event</title> </head> <body> <script> (function() { // Hooking the event, in this case on... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/6.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bKMC/css-aspnet-mvc-4-google-chrome-internet-explorer-9-what-could-cause-different-css-behaviour-from-a-pc-to-another'>What could cause different CSS behaviour from a PC to another?</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/asp.net-mvc-4'>asp.net-mvc-4</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/google-chrome'>google-chrome</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> As we determined in the comments above, the cause was due to different document modes locally and remotely. The cause of this could be any number of things: Developer tools were overriding the document mode. An x-ua-compatible header is being sent locally, or remotely with the HTTP response. Additional markup... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/25.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/bm5c/javascript-jquery-angularjs-internet-explorer-9-ie9-formdata-undefined-javascript'>ie9 - FormData undefined - javascript</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/angularjs'>angularjs</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> It doesn't look like you're even using the formData in your code. You're just creating a formData variable and abandoning it. The data property is all you need. You can delete the FormData part: data: { r: roundNum, ids: competitorsIDs }, ... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/32.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/baZJ/javascript-flash-internet-explorer-9-filereader-polyfill-for-filereader-api'>Polyfill for FileReader API</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/flash'>flash</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/filereader'>filereader</a> </p> <p class="email-desc"> Finally I was able to comeup with the solution for IE9 polyfill FileReader API by https://github.com/Aymkdn/FileToDataURI <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> <object id="file-object"> </object> <div id="file-result"></div> <script type="text/javascript"> var Flash = { /* Flash.getFileData() is called after the file has... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/9.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/ci7/javascript-jquery-jqgrid-internet-explorer-9-line-5571-error-not-enough-storage-is-available-to-complete-this-operation'>Line: 5571 Error: Not enough storage is available to complete this operation</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/jquery'>jquery</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/jqgrid'>jqgrid</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a> </p> <p class="email-desc"> It seems to me that you try to add a lot of data without local paging. It have not real sense, it's slow and the user will do have to scroll below to see the data. It's much more effective to use small rowNum value, which specify the size of... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/4.png'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/SJ0/javascript-ssl-internet-explorer-9-yammer-security-risk-error-message-in-ie9-with-yammer-embed-feed'>“Security Risk” Error Message in IE9 with Yammer Embed Feed</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/javascript'>javascript</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/ssl'>ssl</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/yammer'>yammer</a> </p> <p class="email-desc"> This is a CORS (Cross Origin Resource Sharing) issue in IE9. Please be sure that all the URLs that need to be added in trusted sites are there, for reference https://technet.microsoft.com/en-us/library/hh373144.aspx. Here's a snippet of the Yammer portion of the guidance: .assets-yammer.com ajax.googleapis.com^ .cloudfront.net^ .crocodoc.com^ .yammer.com *.yammerusercontent.com ^These URLs are... </p> </div> </div> <div class="email-item email-item-unread pure-g"> <div class="pure-u"> <img class="email-avatar" height="64" width="64" src='http://www.howtobuildsoftware.com/images/8.jpg'> </div> <div class="pure-u-3-4"> <h4 class="email-subject"><a href='http://www.howtobuildsoftware.com/index.php/how-do/b7rX/css-internet-explorer-9-internet-explorer-11-span-width-not-properly-setting-in-ie9-but-working-in-ie-11'>span width not properly setting in ie9 but working in ie 11</a></h4> <p class="email-content-subtitle"> <a href='http://www.howtobuildsoftware.com/index.php/built-with/css'>css</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-9'>internet-explorer-9</a>,<a href='http://www.howtobuildsoftware.com/index.php/built-with/internet-explorer-11'>internet-explorer-11</a> </p> <p class="email-desc"> I tried debugging more and found out the issue. Width in span was set in span without unit. <span style='width:100'></span> it was causing the error. After changing it to <span style='width:100px'></span> it worked in ie9 and ie11 . Thanks ... </p> </div> </div> </div> <div id="main" class="pure-u-1"> <div class="email-item email-item-unread pure-g"> </div> </div> </div> <script src="http://yui.yahooapis.com/3.17.2/build/yui/yui-min.js"></script> <script> YUI().use('node-base', 'node-event-delegate', function (Y) { var menuButton = Y.one('.nav-menu-button'), nav = Y.one('#nav'); // Setting the active class name expands the menu vertically on small screens. menuButton.on('click', function (e) { nav.toggleClass('active'); }); // Your application code goes here... }); </script> </body> </html>