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...

jquery ui dialogue box going behind Flow player

jquery,jquery-ui,internet-explorer-9,flowplayer,internet-explorer-11

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' }...

AngularJS Yeoman + Grunt Build Script1014 Invalid Character IE9

angularjs,internet-explorer-9,gruntjs,yeoman,minify

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...

CSS border disappears when padding is more than 0 in ie9 on a “nav ul li” type menu (symfony)

html,css,internet-explorer-9,border,padding

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.

Pseudo element takes up space in IE9

html,internet-explorer-9,contenteditable

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...

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.. <!--[if lte IE 9]> <style> #ie { display: block !important;} </style> <![endif]--> ...

Why does IE[89] convert an array to an object with numeric/string keys?

javascript,internet-explorer-8,internet-explorer-9,extjs4.2

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...

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/...

CSS: How to set up border radius cross browser (only IE8 and IE9 missing ?)

css,internet-explorer-8,internet-explorer-9,border,internet-explorer-10

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....

IE 9 / 8 sub menu is missing

css,internet-explorer-8,internet-explorer-9

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,...

How make flexible blocks without flexbox for old IE

css3,cross-browser,internet-explorer-9,flexbox

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...

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);...

Target everything but IE 9

html,internet-explorer,internet-explorer-9,conditional-comments

Sure, just specify the version: <!--[if !(IE 9)]><!--> <link rel="stylesheet" href="not-ie-9.css" /> <script src="not-ie-9.js"></script> <!--<![endif]--> 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....

How to get style attribute value before IE9 strips it

javascript,css,internet-explorer,internet-explorer-9,inline-styles

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...

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...

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/ ....

Polyfill for FileReader API

javascript,flash,internet-explorer-9,filereader

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...

400 Bad Request when calling wcf from html using XDomainRequest

javascript,wcf,internet-explorer-9,.net-4.5,xdomainrequest

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...

“Security Risk” Error Message in IE9 with Yammer Embed Feed

javascript,ssl,internet-explorer-9,yammer

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...

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...

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(){} }; } ...

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...

Line: 5571 Error: Not enough storage is available to complete this operation

javascript,jquery,jqgrid,internet-explorer-9

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...

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...

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...

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...

select box population function not working in IE 9

javascript,internet-explorer,internet-explorer-9

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! =)...

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...

ie9 - FormData undefined - javascript

javascript,jquery,angularjs,internet-explorer-9

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 }, ...

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....

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...

Are other browsers affected by browser specific header?

http-headers,internet-explorer-9

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.

.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.

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...

What could cause different CSS behaviour from a PC to another?

css,asp.net-mvc-4,google-chrome,internet-explorer-9

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...

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' }) ); ...

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.

How do I prevent jquery from reloading an animation in IE mouse hover?

jquery,internet-explorer,internet-explorer-9

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.

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...

IE9: Right-click and 'View source' is opening up in word?

internet-explorer-9

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....

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,...

Internet Explorer hover/rgba/opacity/css3 compatibility

css3,internet-explorer,hover,internet-explorer-9,rgba

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....

Black overlay showing up on top of html5 video in ie9

jquery,css,html5,video,internet-explorer-9

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.

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...

Angular $http and Fusion Tables in IE9

javascript,angularjs,internet-explorer-9,google-fusion-tables

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...

Is there a bug in Internet Explorer 9/10 with innerHTML=“”?

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

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`...

IE9: removing “dirty” round corners

css,internet-explorer-9

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;...

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...

Stylus keep “\9” CSS IE9 hack

internet-explorer,internet-explorer-9,stylus

You need to use unquote: width unquote('40px\9') yields width: 40px\9; ...

Javascript create event with IE9

javascript,events,internet-explorer-9

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...

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...

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 {...

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...

.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() {...

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> ...

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

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

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

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. ...

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...

IE9 32bit vs 64bit PDF weird file open behaviour

c#,asp.net,pdf,internet-explorer-9

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...

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...

ckeditor can't access root directory IE9

php,internet-explorer,ckeditor,internet-explorer-9

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>...

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....

Internet Explorer growing div when hovering anchor with inline-block

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

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....

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...

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. ...

How set height of select dropdown list in IE 9 [duplicate]

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

You cannot because the select box is a system control. Example See Here...

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...

Applying `css` internet explorer 9 specific css property affects ie10

css,internet-explorer-9,internet-explorer-10

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;} } ...

Error - First chance exception occured in webdriver.dll

selenium,xpath,webdriver,internet-explorer-9

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

KineticJS: How to make IE9 save canvas as image?

internet-explorer-9,kineticjs,todataurl

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 =...

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...

ASP.NET Web Forms - Button not working inside