5

I am facing padding problem in IE11 and i tried to control css using IE specific statements like

<!--[if IE 11]>
<link rel="stylesheet" type="text/css" href="http:kin/frontend/enterprise/wyf-upgrade/css/styles-ie-11.css" media="all" />
<![endif]-->

but this condition not worked properly. kindly please suggest any solution to overcome this issue.

Quentin
  • 914,110
  • 126
  • 1,211
  • 1,335
Ram Ghonmode
  • 65
  • 1
  • 6

2 Answers2

2

Try this it works for me

$(window).load(function() {
      if(navigator.userAgent.match(/Trident.*rv:11\./)) {
          $('body').addClass('ie11');
     }

});

body.ie11 #some-other-div{
}

check on fiddle

rrugbys
  • 282
  • 1
  • 10
0

You can accomplish this by using jQuery:

if ($.browser.msie && $.browser.version == 11) {
  $("body").addClass("ie11");
}

This example check if the browser is IE11, if true, it adds the class 'ie11' to the body element so you can specify style in your stylesheet which should only be applied on IE11.

SissyPants
  • 61
  • 2