site displays badly when viewed in ie compatibility mode.

Radha Padmasolala's Avatar

Radha Padmasolala

15 Sep, 2014 04:59 PM

Any suggestions for the site to display correctly in compatibility mode too.

  1. 1 Posted by Radha Padmasola... on 17 Sep, 2014 02:02 PM

    Radha Padmasolala's Avatar

    Please can someone look into this. I really appreciate the help.

  2. 2 Posted by Ryan Griffith on 17 Sep, 2014 03:25 PM

    Ryan Griffith's Avatar

    Hi Radha,

    It's difficult to tell what the problem may be when basing things on the screenshot. My guess is there is an issue with your CSS not working correctly in older browsers, or perhaps not loading at all. Another thought I had was if you are using HTML5 elements and if you are applying any libraries that add support to older browsers (eg modernizr or html5shiv).

    Another suggestion would be to enforce the latest possible version of IE, rather than allow compatibility mode since this feature was designed to allow sites written for older IE versions to work properly in a newer version. So, in a way, developing to support this feature can be a little counter-productive since you will end up developing with older technologies (eg pre-CSS 2.1).

    You can enforce the latest possible version by adding the following meta tag to your page's <head>:

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    

    Please let me know if you have any questions.

    Thanks!

  3. 3 Posted by Padmasolala, Ra... on 17 Sep, 2014 04:33 PM

    Padmasolala, Radha's Avatar

    Ryan,

    My web page that is published displays well on Safari , IE11, IE10 , chrome and Firefox but not on IE9.

    How could I fix that. Any thoughts.

    The menus and logos are looking different.

    I will really be grateful for these answers.

    Thanks
    Radha

  4. 4 Posted by Ryan Griffith on 18 Sep, 2014 03:26 PM

    Ryan Griffith's Avatar

    Hi Radha,

    My best guess is that your CSS is not written to properly handle IE9, or some other stylesheet is being applied conditionally and affecting the rendering of the page.

    I think your best options would be to either address the issues directly in your current CSS file by making sure the rules applied are supported by all browsers including IE9, or apply an additional CSS stylesheet conditionally for IE 9 (and possibly lower) that attempts to fix the broken elements on the page.

    Please let me know if you have any questions.

    Thanks!

  5. 5 Posted by Padmasolala, Ra... on 18 Sep, 2014 03:37 PM

    Padmasolala, Radha's Avatar

    The line of code you sent to put in the header worked and now it displays correctly in both IE 9 and compatibility view.

    Thank you so much you can close this support request. I really appreciate all your help.

  6. 6 Posted by Ryan Griffith on 18 Sep, 2014 03:42 PM

    Ryan Griffith's Avatar

    Thank you for following up, Radha. I am glad to hear the additional meta tag did the trick.

    I'm going to go ahead and close this discussion, please feel free to comment or reply to re-open if you have any additional questions.

    Have a great day!

  7. Ryan Griffith closed this discussion on 18 Sep, 2014 03:42 PM.

  8. Padmasolala, Radha re-opened this discussion on 19 Sep, 2014 04:07 PM

  9. 7 Posted by Padmasolala, Ra... on 19 Sep, 2014 04:07 PM

    Padmasolala, Radha's Avatar

    This comment was split into a new discussion: Best practices/tips for collapsible menus

    Ryan,

    What is the best way to use collapsible menus. Any examples will help.

    Thanks a lot.

    Radha

  10. 8 Posted by Ryan Griffith on 23 Sep, 2014 07:29 PM

    Ryan Griffith's Avatar

    Hi Radha,

    I went ahead and split your question about collapsible menus into a separate discussion to help avoid potential confusion. I also made it public so other clients can chime in if they want.

    I'm going to go ahead and close this discussion, please feel free to comment or reply to re-open if you have any additional questions.

    Have a great day!

  11. Ryan Griffith closed this discussion on 23 Sep, 2014 07:29 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac