Issues with Internet Explorer

Design help General
1

Hi,

I am having issues with the layout of this site on Internet Explorer and it is not working properly.
I’d like to get the same results that I have with other browsers (Chrome and Safari working properly)

Here’s the problem:

1407×813 884 KB

and also this kind of problem as well

1472×805 857 KB

I had the same problems of “sliders going above sliders” (the main content are projects into sliders) in tablet landscape mode so I added some extra margin-bottom on the sliders (with media-queries in the custom code of the dashboard) and it worked but I have no clue of what’s going wrong with Internet Explorer.

Can someone help me with that?

Thanks in advance!

Here is my public share link: https://preview.webflow.com/preview/dpv?preview=46c4740397e7ed8cf362c2302069d48d
(how to access public share link)

2

Massive apologies but I stumbled onto this today

600×598 375 KB

But on a serious note, have you though about targeting IE seperately?

<!--[if IE]>
	<style>

	</style>
<![endif]-->

Just saw this though Note that IE 10 and up DO NOT support conditional comments at all.

1 Like
3

Hi,

thanks for the humoristic note, I need it…:wink:

I didn’t think about it at all… I just had those screenshots from my client computer and I have to access a pc to check this.

Thanks a lot…!

4

Again,

how would you target IE with Webflow, in the custom code?

(no joke, I never targeted IE before, newbie of hair-pulling IE problems…)

5

yes, go to your site settings (if you want to apply it across every page)

800×497 31.7 KB

Here you can insert the following snippet (someone correct me if i’m wrong here)

<!--[if IE]>
	<style>
              /* IE up to 9 CSS styles go here */
	</style>
<![endif]-->

<style>
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          /* IE10+ CSS styles go here */
    }
</style>
1 Like
6

Thanks a lot for your help, I’ll try that…!

7

Let me know if the above suggestions work for you :slight_smile:

8

Ok I’ll do that, thanks for your help

9

did it work @leetch?

10

Hi again Aidz,

thanks again for your help and sorry for the late answer.
I checked everything on a pc with Windows 10 and the latest Internet Explorer and with the code you provided I managed to add some custom code and it worked well.

The problem remaining is that I can’t view on older Internet Explorer.

Do you know online screen capture tools or debugging tools allowing me to see the Internet Explorer screen captures? (a free tool…)

Thanks in advance.

Keep up the good work and thanks for your help again.

11

Hey @leetch

Thanks for the feedback, could you provide the version of Internet Explorer that you used where it didn’t work.

after googling for a few minutes I could only find this one - http://browsershots.org/

12

In fact I don’t know I just have those screenshots and I don’t know the version :wink:

1410×798 884 KB

1471×802 857 KB

Thanks for the browsershots link I am gonna check

13

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.