[Silk UI Web] ie css not working in outystem.

[Silk UI Web] ie css not working in outystem.

  
Forge Component
(68)
Published on 14 Jun by Labs
68 votes
Published on 14 Jun by Labs

hi all, 

I write some css for ie 10 n 11 browser, but it is not working for outystem web pages.

below is my css 


SyntaxEditor Code Snippet

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  
    .AccordionVertical___icon{
         margin-top:-23px !important;
    }
}

 Plz help me if u have any solution.

My target ie browser is 10 n 11.

Hello Bharat, 

If you could help us with any temp URL, then we can check it easily.

Amol Tupe wrote:

hey hi amol,

sorry to say but I may not be able to share the url of webpage. but here I used the above css media queries for ie 10 n 11.

if u have any solution plz let me know.

Hello Bharat, 

If you could help us with any temp URL, then we can check it easily.



bharat koshti wrote:

Amol Tupe wrote:

hey hi amol,

sorry to say but I may not be able to share the url of webpage. but here I used the above css media queries for ie 10 n 11.

if u have any solution plz let me know.

Hello Bharat, 

If you could help us with any temp URL, then we can check it easily.



Can you add : display: -ms-inline-flexbox;

.AccordionVertical___icon{
         margin-top:-23px !important;
         display: -ms-inline-flexbox;
    }

Hi bharat, it seems like you're trying to apply a margin-top to an element that has "table-cell" as a display property value.

In order to achieve what you want, you'll need to change the display to something like "block" and you'll not need the "!important".

E.g.

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    .AccordionVertical___icon{
        display: block;     
        margin-top:-23px;
    }
}

hi Dinis Carvalho,

thanks for the reply,

I tried this but if I checked this into ie (version 11), while inspect element , I could not find the media queries css for internet explorer, which I mentioned above. so I thought it does not accept this css lines for ie. need to try something different.

Amol Tupe wrote:

bharat koshti wrote:

Amol Tupe wrote:

hey hi amol,

sorry to say but I may not be able to share the url of webpage. but here I used the above css media queries for ie 10 n 11.

if u have any solution plz let me know.

Hello Bharat, 

If you could help us with any temp URL, then we can check it easily.



Can you add : display: -ms-inline-flexbox;

.AccordionVertical___icon{
         margin-top:-23px !important;
         display: -ms-inline-flexbox;
    }


What about this Bharat?

@Amol Tupe

hi amol,

thanks for ur reply but this is also not working man...