Layout and CSS problems in IE 10 and 11

Question

I am editing some pages in C#. The pages are not very simple but without much effect. The layout works very well in all browsers including EDGE. but in IE 10 and 11 everything is disfigured. In addition to CSS not catching HTML also undergoes some changes.

I’m using the and the 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 doesn’t solve the problem.

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

Follow the system link

https://eleicoes2018crmvmg.breleicoes.com/eleicoes/Login.aspx?tipins=1

Has anyone been through this? Thanks in advance!!

Answer 1

_{^{Note: this was originally posted by the author in the body of the question.}}

---

Well, after much 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 the IE fixing the bugs in this media. In my case solved! Following is the blog link I found the information. http://blog.simian.co/en/tips/internet-explorer-10-mobile-css-hacks-windows-phone/