Posted on

IE 11 problems

If you are using Internet Explorer 11 you may have noticed that the logo banner is missing from the website. This is due to the “inventiveness” of Microsoft with every new release of IE, always a pleasure, thank you very much.

I will patch it up eventually. Meanwhile, consider using a W3C standards compliant browser such as Firefox or Chrome.


Well, that was easy enough to fix. I was using a CSS3 specific style to hide/show the banner and it appears IE11 is not fully CSS3 compliant. Oh well…

For those of you who may be interested, let me explain the problem and my solution:
For mobile browsers I hide all elements that have the “desktop” class:
.desktop { display:none; }
In desktop browsers they should be displayed – but since some elements are block and some inline, I used the “initial” attribute type:
.desktop { display:initial; }
…which does not work in IE11. So I added a fallback:
img.desktop { display:inline-block; display:initial; }
…which works fine, as the second “display:” overrides the first one in other browsers but is ignored by IE11.

You learn something new every day.