Geek Answers Handbook

The site does not display correctly in IE11

I have a website that correctly displays IE7, IE8, IE9, IE10, all versions for PC and Mac for Firefox and Chrome, Opera and Safari. But in IE11, it displays part of the header and javascript, but none of the html. Any ideas?

http://www.ighome.com

+4
source share
1 answer

The Network tab in IE11 Developer Tools shows that there are no queries in your stylesheet and your content is <head>displayed in a row. This indicates that IE11 does not consider html content (and will not parse it as such). You submit your html with a content type indicating that it is xml, but with html doctype. First I will try to change the content type.

General changes

  • You are serving html4 with an http header Content-Type: application/xhtml+xml. He must be text/html.
  • There are no self-closing tags in HTML4.
  • Your <style>attribute is missing type.
  • You have built-in styles. This is a personal problem between me and Mr. Maintenance.
  • Some input elements are missing <label>. Availability!
  • . , , .
  • html- <a href="..." />. (&) (&). url, .
  • width <div>.

  • 17-27 <script> a <style>.
  • 196 <input> value.

Asp.net useragent shazaam

, , ASP.NET. (, , __VIEWSTATE field ASP.NET_SessionId). javascript asp.net.

Asp.net useragent , . useragent , Request.Browser. , <form runat="server"> __doPostBack . Internet Explorer 11 - Internet Explorer, MSIE, . ~/App_Browsers ( , ). IE11 ecmascriptversion, JavaScript- postback ( ).

<browsers>
    <!-- Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko -->
    <browser id="IE11" parentID="Mozilla">
        <identification>
            <userAgent match="Trident/(?'layoutVersion'\d+\.\d+)" />
        </identification>

        <capture>
            <userAgent match="rv:(?'version'(?'major'\d+)(\.(?'minor'\d+)?))" />
        </capture>

        <capabilities>
            <capability name="browser"                 value="IE" />
            <capability name="ecmascriptversion"       value="3.0" />
            <capability name="layoutEngine"            value="Trident" />
            <capability name="layoutEngineVersion"     value="${layoutVersion}" />
            <capability name="majorversion"            value="${major}" />
            <capability name="minorversion"            value="${minor}" />
            <capability name="type"                    value="IE${major}" />
            <capability name="version"                 value="${version}" />

            <capability name="preferredRenderingMime"  value="text/html" />
        </capabilities>
    </browser>
</browsers>
+10

More articles:


All Articles