IE 11 Header display

[bsmithiisd]

I have a weird issue only in IE 11 where the menu bar is all gray.

see attached IE vs Chrome

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide us your website url?

-Rui

[bsmithiisd]

sorry this took so long to respond. I finally got my IT staff to make it publicly available.

tlt.inghamisd.org

[Rui Guerreiro – SUPPORT]

Hi,

I’m seeing everything fine. Can you clear the browser cache and try again.
https://www.dropbox.com/s/ljhnucixdl7vbpe/ie11_header_issue.png?dl=0

-Rui

[bsmithiisd]

Sorry for the delayed response, I was out of the office last week.

What version of IE are you using? I’m using 11 and look at the attachment to see what I’m looking at.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

I’m using version 11 on Windows 7. You can see the version information in my screenshot.

-Rui

[bsmithiisd]

I’m on windows 8.1

Did you clear your cache before looking at it?

[Mohammad – SUPPORT]

Hi,
Its looking perfect here so please check with another machine.
Thanks

[bsmithiisd]

My coworker also on IE 11 / Windows 8.1 had the same issue. He dug through the css and noted the following.

I fixed two things. The rest is more of IE’s compatibility issues.

1. For the big grey box:
style.css
line: 9962
Remove background: #2d2d2d;

2. To right align the “Login Register Lost Password”
Remove the class col-sm-6 from the div they are in.
Top-bar->container->col-sm-6 tb-right

Chrome after changes:
http://gyazo.com/b434c8eb04da752ae2665c398c2efdc0

IE after changes:
http://gyazo.com/e3ca80ea5873135ab43816e8879fc373

[Rui Guerreiro – SUPPORT]

Hi,

It was the first time I accessed your site so it’s not a cache issue on my side.
Also in a emulator everything is fine.

https://www.dropbox.com/s/44rdsqymrajoduf/ie11_windows8.png?dl=0

Can you try to access in a machine outside of your company network? You could have cache internally in the routers of the company network.

-Rui

[bsmithiisd]

I finally figured this out.

If compatibility mode is enabled it doesn’t render correctly.

[Rui Guerreiro – SUPPORT]

Great . Glad it’s solved.
-Rui