Forces IE8 to only display in compatibility mode

[pixleight]

I noticed when adding AnythingSlider to my company's intranet that it's forcing IE to display only in compatibility mode — the page comes up blank when forced by the server to disable compatibility mode.

My markup

<table id="pchcslider">
    <tbody>
        <tr>
            <td>...slide content...</td>
        </tr>
        <!-- 1 row for each slide -->
    </tbody>
</table>

jQuery

jQuery('#pchcslider tbody').anythingSlider({
        theme:      'pchc',
        expand:         true,
        hashTags:   false,
        autoPlay:       true,
        pauseOnHover:   false,
        delay:      5000
    });

I know tables are not the best markup for this, but it was the best way to give the non-html-savvy staff that will be editing the ability to see their work in a WYSIWYG editor. I'm a little limited in how I can implement this feature.

[Mottie]

Hi @pixleight!

Because I had no clue, I ended up searching for solutions and ran across this StackOverflow post. Basically it says that you'll need to add a response header to the web.config:

<system.webServer>
<httpProtocol>
  <customHeaders>
    <clear />
    <add name="X-UA-Compatible" value="IE=edge" />
  </customHeaders>
</httpProtocol>

There is also this blog post which looks like it explains how to do it step-by-step.

Update: Hmm, and if none of that works. I guess the system administrator needs to set new group policies to change the "Compatibility View" setting and the value and prevent users from changing it (ref).

[Mottie]

I'm guessing (and hoping) that this issue has been resolved. If not please feel free to reopen it. Thanks!