Problems with Layout and CSS in IE 10 and 11

Question

Problems with Layout and CSS in IE 10 and 11

Navigation

#1 by (1 votes)

1

I'm editing some pages in C #. The pages are not very simple but without much effect. The layout works great on all browsers including EDGE. but in IE 10 and 11 everything is unconfigured. Besides the CSS does not get the HTML also undergoes some changes.

I'm using the and tags below

     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
     <meta name="msapplication-TileColor" content="#da532c">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta http-equiv = "X-UA-Compatible" content = "IE = edge, Chrome = 1" /> 
       <meta http-equiv = "x-ua-compatible" content = "IE = 11">
        <add name="X-UA-Compatible" value="IE=EmulateIE11" />

But it does not solve the problem.

Follow images of only one of the items that are misaligned.

Followsystemlink

link

Has anyone gone through this ?? Thank you!

internet-explorer

asked by anonymous 12.02.2018 / 00:37

1 answer

setar scrol location Format only the sides of the button border

score 1 · Accepted Answer

Note: This was originally posted by the author in the body of the question.

Well, after a long pilgrimage I found a @media that solved the problem.

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
       /* IE10+ specific styles go here */
   }

Just insert the css to IE fixing the bugs in this media. In my case it solved! Follow the blog link that I found the information. link