Is it just me or is custom CSS overrides disabled in Internet Explorer 7?

  • 1
  • Problem
  • Updated 7 years ago
Hello everyone.

A few days ago during testing of a redesign to my site, on multiple browser types including mobile browsers, I may have discovered some kind of bug.

I first noticed it on my Windows Phone 7 which uses a scaled down Internet Explorer 7. Then when testing my site on Adobe's Browser Labs I found the same issue.

It would appear that the custom CSS overrides which my site heavily requires seem to simply be ignored in IE7. The standard Yola CSS runs fine, but non of my own CSS seems to be used.

I know IE7 is old, however, I still don't understand this as only a few weeks ago my site was displaying fine on my Windows Phone 7. So I am wondering if Yola has changed something?

With CSS: Chrome/EI8+/Safari


Without CSS: EI7
Photo of Jeremy Paton

Jeremy Paton

  • 159 Posts
  • 16 Reply Likes
  • confused

Posted 7 years ago

  • 1
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hello,
Thanks for sharing this detailed information. I am going to ask one of our HTML experts as well as an engineer to take a look at the information you have posted and see what we can figure out. Thanks much for your patience while we look into this.

Kind Regards,
Emmy
Photo of Jeremy Paton

Jeremy Paton

  • 159 Posts
  • 16 Reply Likes
Thanks Emmy.

I have taken a look at my custom CSS, as well as my entire sites source code and I can't find anything that should be disabling the CSS Overrides such as an: [if IE 7]> line of code.

So I find this really confusing, I would really not like to have to code an unique to IE7 CSS file and then [IF IE 7] then use the new file, as this will take a really long time to code.

Also I checked whether it was just not displaying parts of my CSS that IE7 can't understand. However, IE7 is not doing that it's just completely ignoring my CSS as if I had disabled it.
Photo of Francois

Francois, Employee

  • 282 Posts
  • 19 Reply Likes
Hi Jeremy Paton,

I saw a similar issue on another user's site today. IE7 was the browser responsible for the problem. There seems to be a bug in the way IE7 handles and interprets CSS margins. I'm not saying outright that this is the root of your headaches, but it is, more than likely, the issue.

As Emmy pointed out above, we are having an engineer look at it too and we hope to have some solid feedback for you soon.

We appreciate your patience while we work on this.
Photo of Jeremy Paton

Jeremy Paton

  • 159 Posts
  • 16 Reply Likes
Thanks Francois.

It definitely seems like IE7 is having issues with my CSS what I really find odd is how non of my CSS in the Yola CSS editor gets used. I noticed that the css that I have in files or in an HTML widget gets accessed and used by IE7.

Right now this is just a pain as just after solving IE6 issues now IE7 does not work.

Hopefully somebody at Yola can find a solution ;)
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Hi guys,

Just thought that I would add my input, today I tested my site using www.crossbrowsertesting.com , I tested the design to make sure that it looked right in the different browsers, I ended up testing the following:

Android,
iPad,
iPhone,
Mac OSX 10.5.7,
Mac OSX 10.5.8,
Mac OSX 10.6,
Ubuntu 8.10,
Windows 98 SE,
Windows XP SP2 and SP3,
Windows Vista,
Windows 7 (and 64 Bit)


With the following browsers:

Android Browser 2.2
Opera Mini 5.1

Mobile Safari 4.0.5

Camino 1.6.6
Firefox 2.0.0.20
Firefox 3.0.5
Firefox 3.1 Beta 2
Netscape 9.0.0.6
Opera 9.5
Opera 9.6
Safari 3.2.1
Spiira 2.2

Camino 1.6.6
Firefox 2.0.0.20
Netscape 9.0.0.6
Opera 9.5
Opera 9.6
Shiira 2.2
Firefox 3.0.5
Firefox 3.5
Opera 9.2.7
Safari 4

Cammo 2.06
Chrome 13
Opera 10.60
Safari 5

Dillo 0.8.6-i8n
Firefox 2.0.0.20
Konqueror 4.1.4
Opera 9.6
Seamonkey 1.1.12

Internet Explorer 5
Internet Explorer 6
Mozilla 1.7
Firefox 1.0
Netscape 8.0
Netscape 9.0
Opera 6
Opera 9.25

Internet Explorer 6
Internet Explorer 7
Internet Explorer 8
AOL Explorer 1.5
Firefox 1.0
Mozilla 1.7
Netscape 7
Opera 8
Opera 10.10
Opera 9.25
Opera 9.5
Opera 9.6
Opera 8
Opera 10.60
Safari 3.2.1
Chrome 7

Internet Explorer 7
Internet Explorer 8
Internet Explorer 9
Firefox 2
Netscape 9
Opera 9.25
Opera 10.5
Safari 3.1.2
Chrome 6

Internet Explorer 8
Internet Explorer 9
Firefox 3.6
Chrome 10
Opera 10.10
Safari 5


Now, with that list - yes it did take a very long time (about 2.5 to 3 hours) but I found that the Yola Site CSS Modifications worked perfectly with my site: http://damorycoach.yolasite.com which uses the Corporate Blue style.

The only issues that I found were CSS3 issues (i.e. Opera 9.5, 9.6, Konqueror, IE8, IE7, AOL, Opera 10.10) (i.e. Browser non-support) and old browsers which would not display the content properly (i.e. Opera 9.2.7, IE5, IE6).

I recommend using the website (www.crossbrowsertesting.com) to test all of your sites, fortunately I do not have to make any changes to my site as it functions as well as it can!

Hope this helps,

Kind Regards,

Andi North
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
No problem Laura,

I just hope it helps!

Kind Regards,

Andi
Photo of Jeremy Paton

Jeremy Paton

  • 159 Posts
  • 16 Reply Likes
Could there be something unique to my site that is causing this problem in IE7? Maybe a certain line of HTML or Javascript that is disabling my custom CSS overrides in IE7?
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Hi Jeremy,

I would recommend that you test the site using www.crossbrowsertesting.com and test the site with IE6 and IE7 - it could be an issue with the actual CSS code that means that it is not working for you.

CBT is free for 7 days, but you must cancel your subscription before 7 days or you will be charged! Once you have tested in IE6 and IE7 and other browsers of the same age (i.e. Windows 98 SE browsers and Windows XP Browsers) then you may find the answer.
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Thanks for the great help on this thread, Andi.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
No problemo Nazlie!

I thought that it would be helpful to add my input after the hours of testing that I did, as there are a lot of people who use the CSS Overrides and all of my websites use it! I just wanted to put people's minds at rest.

Andi