internet-explorer-11

I'm using CSS box-shadow to mimic a background that "bleeds" to the edges of the browser window. It works great in Chrome, Firefox, Safari, and Internet Explorer 9 & 10. However, Internet Explorer 11 renders a transparent 1px "space" before the left (negative) box-shadow. Take this HTML: <div class="wrapper"> <div class="widget">Test</div> </div> And this CSS: .wrapper { background:red; padding:20px 0; } .widget { width:600px; height:400px; margin:0 auto; text-align:center; background:white; box-shadow:20em 0 0 0 white, -20em 0 0 0 white; } In most browsers, the widget DIV has a white

So I have a problem with newer browsers saving passwords. Say I have a password box like so: <input type="password" autocomplete="off" /> New browsers like IE11 and Safari in iOS 7.1 have started ignoring the autocomplete="off" in password boxes specifically and offer the user to save the password. In my company (a bank), we view this as a security concern. I was wondering if anybody has solved this problem yet. Maybe somebody has written a javascript plugin that masks a normal input[type=text] so that the autocomplete="off" attribute will be respected. Update: For a little more information,

Currently putting together a site using Google Fonts. Everything works in IE6 through 10, Firefox, Chrome, and on mobile browsers. However on IE 11 no fonts load and everything is displayed using fallback fonts (sans-serif etc). This same issue seems to have been discussed on the following two pages but with no resolution: Google Code MSDN Forums I have not been able to find a solution either and am wondering if anyone here has a workaround in place. Using the Web Font Loader javascript instead of the default method of adding fonts works in IE11 for me. https://developers.google.com/fonts/docs

I'm trying to use flexbox to place two images in a column. In this case, the width of the div container is smaller than the width of the image. In Chrome the image perfectly fits into the div container, but it doesn't in IE, and I don't know why. div.outer { width: 400px; display: flex; flex-direction: column; justify-content: space-around; } div.inner { width: 100%; border: 1px solid red; } img { width: 100%; height: auto; } <div class="outer"> <div class="inner"> <img src="http://placehold.it/480x360"> </div> <div class="inner"> <img src="http://placehold.it/480x360"> </div> </div> https:/

Well, I've been working on an User-Agent based shared-session protection between subdomains. I was extremely surprised that it's been working well until IE 11 preview was released recently. There are 2 subdomains example.com and sub.example.com I've intercepted requests to both domains and it seems that USER-AGENT HTTP Header being sent to each domain is different. Request to example.com has: User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; rv:11.0) like Gecko Request to sub.example.com has: User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727;

Well, I have created site using Angular 2. When I run "ng-serve" command and trying to test my site using " http://localhost:4200 " in Google Chrome and IE11 it works perfectly, but, if I build project using "ng-build --prod", host it on IIS. Site still works on Chrome, but IE11 shows the following errors: I googled it and found that it was maybe reserved words in my identifiers key:value pairs. So I added Apostrophes(') arround my keys. For example I had the following object: user:UserViewModel={ Username:"", Age:0 }; and changed this to: user:UserViewModel={ 'Username':"", 'Age':0 }; Also