site displays badly when viewed in ie compatibility mode.
Any suggestions for the site to display correctly in compatibility mode too.
-
site_template_error.jpg 55.8 KB
Discussions are closed to public comments.
If you need help with Cascade CMS please
start a new discussion.
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
1 Posted by Radha Padmasola... on 17 Sep, 2014 02:02 PM
Please can someone look into this. I really appreciate the help.
2 Posted by Ryan Griffith on 17 Sep, 2014 03:25 PM
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>
:Please let me know if you have any questions.
Thanks!
3 Posted by Padmasolala, Ra... on 17 Sep, 2014 04:33 PM
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 Posted by Ryan Griffith on 18 Sep, 2014 03:26 PM
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 Posted by Padmasolala, Ra... on 18 Sep, 2014 03:37 PM
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 Posted by Ryan Griffith on 18 Sep, 2014 03:42 PM
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!
Ryan Griffith closed this discussion on 18 Sep, 2014 03:42 PM.
Padmasolala, Radha re-opened this discussion on 19 Sep, 2014 04:07 PM
7 Posted by Padmasolala, Ra... on 19 Sep, 2014 04:07 PM
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
8 Posted by Ryan Griffith on 23 Sep, 2014 07:29 PM
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!
Ryan Griffith closed this discussion on 23 Sep, 2014 07:29 PM.