IE Browser Compatibility Help..
-
-
- Dynastius
- Newbie
- Posts: 6
- Thanks: 0
-
Hi,
I encountered a problem with my theme... When I open it on IE, it was rendered on quirks mode.. and the lay-out is holy crap.. but on any different it just display the normal way.. What might be the problem.. I don't have major modification of this theme.. I just changed the background of it..
Thanks for your help...
Regards,
Cel
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
-
Hi, the problem is quirks mode - don't use it. It should never be used because there is no reason to use it.
Basically, quirks mode is a rendering of IE 5.5 that was invented to address backwards compatibility with pages designed for earlier versions of browsers, like netscape 4 or IE 4. Mircosoft, in their infinite wisdom, thought this would be a better solution than complying to coding standards, basically laying the groundwork for all frustrations that come from IE and still continue today.
Wikipedia definition of Quirks Mode:In computing, quirks mode refers to a technique used by some web browsers for the sake of maintaining backward compatibility with web pages designed for older browsers, instead of strictly complying with W3C and IETF standards in standards mode.None of our templates, themes, plugins or products are ever designed with Quirks mode in mind, and they never will be. It would require us to develop based on 15 year old coding practices and provide support for browsers that don't even exist anymore, while ignoring W3C standards and validation. Why it's still an option in IE is beyond anyone's understanding, as are most things with IE. Just know that it shouldn't be used and there is nothing we can do to help with how it renders our products. Should you choose to address it, you will be on your own, it's beyond the scope of our support. - The difficult we do immediately, the impossible takes a little longer.
-
-
-
- Dynastius
- Newbie
- Posts: 6
- Thanks: 0
-
Yes that's really the problem.. So how to can I prevent it from entering to quirks mode? Coz when I open it on IE.. It will go directly to quirks mode. I'd already encountered this one before and as I'd researched about it. IE will enter quirks mode if you don't have a DOCTYPE declaration on the header. So adding the doctype did the trick.. but here.. As I've check our header.php .. It already had a DOCTYPE declaration, So I don't know what to do next. One also problem is when a I added the fav icon code on the header. It doesn't display at all. So, Is there any problem with my header? But as I've said I didn't do anything with the theme. Just changing the background of it. Please Help..
Thanks
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
-
Hi, I can only guess that it's the settings in your IE, I've never had this problem with any of our templates and I check several different websites using various templates in IE every day. If you're using the developer tools and you set it to quirks more there, it will stick until you change it back. I don't know if that's it, but I would maybe check that and reset your browser to default settings to see if that fixes it. You shouldn't need to change the source code at all, we test everything in IE 7 8 9 and that sort of issue would not go unnoticed and this is the first I've ever heard of it happening.
Generally, you won't need to add a favicon code to the header, just placing the favicon in the root of your installation and the root of your theme folder should be enough to make it work. The Gantry header is a bit different than standard headers, so depending on the code you're using it might not be correct. Often times you'll also want to clear your browser cache after adding a favicon to see it, sometimes it's there but you won't see it right away. - The difficult we do immediately, the impossible takes a little longer.
-
-
-
- Dynastius
- Newbie
- Posts: 6
- Thanks: 0
- Hi, Thank you very much for your help. I already figured out that cause this problem. It's due to my poorly written plug-in that place the javascript before doctype declaration. There's a rule that doctype declaration must be the first line of any page.
-
-
-
- trubright
- Newbie
- Posts: 5
- Thanks: 0
-
I'm having the same problem but I've never used quirks mode. IE is unable to render three text widgets (with styling) across the showcase area of my home page, it breaks down to the next line and looks like hell. It's kind of a 'hair on fire' moment for my client:) I'm using Somaxiom on Wordpress. I can post a link if you'd like. I works fine in FF, Chrome and Safari.
Thanks in advance for any info,
Ted
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
-
Hi, I can't tell you anything without seeing your site. Please provide a link if you would like us to take a look.
Keep in mind, as of August 1st, we no longer offer support for IE7. If that is the browser you are experiencing issues in, you'll want to recommend to your client that they upgrade their browser. - The difficult we do immediately, the impossible takes a little longer.
-
-
-
- trubright
- Newbie
- Posts: 5
- Thanks: 0
-
Here's the link.
66.147.244.109/~ifcaonli/wordpress2/
I tried changing the doctype to strict, but no joy. I just tested it in IE 8 and it looks fine in compatibility mode, but that doesn't help much. I can't very well tell all of the users they need to do that:)
Thanks again for any advice,
Ted
-
-
-
- trubright
- Newbie
- Posts: 5
- Thanks: 0
-
Me again,
Still no luck. I've got IE 9 at home and IE 8 at work. I've tried every different doctype in the main index template and used Firebug to make sure it's changing. No matter what I do the layout breaks. The link is in the post above. I'd really appreciate someone taking a look. My clients are financial industry types and use IE 90 percent of the time, I'm guessing. If you need admin access, that can be arranged
Ted
-
-
-
- Shazdeh
- Elite Rocketeer
- Posts: 4984
- Thanks: 29
-
Hi,
I tested your website in IE 7 to 9, and in all of them it was working fine. Does the problem still exists? If so, what version of IE are you using? - Please don't PM unless requested
Consider using the custom stylesheet for all your CSS customizations: gantry-framework.org/documentation/wordp...custom_stylesheet.md .
Please provide the URL to the issue.
And please mark the thread as solved if the issue is resolved.
-
Time to create page: 0.133 seconds