Posted 9 months ago #
Has anyone had this problem. Checking a site on IE and getting that little icon in the top saying the site is not compatible?
The site is still displayed for what it can be in IE but a compatibility problem. Just wondering if this is a wordpress thing?
That "little icon" does not say that the site is not compatible. It indicates that IE is in Compatibility Mode - probably due to a meta heading in the site's <head></head> section.
Posted 9 months ago #
Please post a URL.
Posted 9 months ago #
Esmi. Can you give an example?
Can't really post a url, sorry. It's private. I know that would help you help me. But will have to do with explaining the situation.
Posted 9 months ago #
Thanks Esmi.
Ive been using typical html5 tags ie. <header> <section> <nav> and after turning them all off and using normal div tags, the site has fixed itself. Not had this problem in ie using html5 outside of wordpress but I use wordpress and this happens.
Not blaming wordpress but blaming ie. I think it must be some else triggering them not to work.
Posted 9 months ago #
Sorry I will post a link. http://www.health-trainers.org/. Getting desperate now. The problems are in Internet Explorer. A lot of problems with rounded boxes too.
IE doesn't support CSS box-radius. You also have some markup errors and CSS issues.
Posted 9 months ago #
Thanks Esmi.
Just checked that im down to 5 Errors, errors which I can't sort unless I get rid of the top carrousel.
As for the rounded box. Ive been told there is a way. Heres the code I use for the rounded boxes (if no one minds me posting it here):
/* CSS3 CROSS-BROWSER BOX RADIUS */
-moz-border-radius: 10px; /* FF1-3.6 */
-webkit-border-radius: 10px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
-khtml-border-radius: 10px;
border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
/* useful if you don't want a bg color from leaking outside the border: */
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;Im just glad I managed to have the gradients working across all browsers.
That CSS covers the Gecko & Webkit browsers but not IE. Try googling for an IE fix.
Posted 9 months ago #
I thought IE was webkit but obviously im wrong. Im now looking into alternative style sheets with using background images for the corners.
Its a load of balls that we have to really delve into this to fix IE problems when all thats needed is either bill gates updates IE to adapt or we can talk everyone and I mean everyone into not using IE.
Ill see this post as solved although its not. Nothing will be solved with IE.
Posted 9 months ago #
Before I class this as solved. Can I ask if esmi or anyone can help. The boxes on the site: http://www.health-trainers.org/ don't work but on http://www.health-trainers.org/blank page they do, the css is the same. I just can't figure it out. This only happens in IE.
Posted 9 months ago #
Sorry actually ive just figured it out. Because the home boxes are in html5 <section> and the others in the other page aren't. Just shows that IE doesn't support HTML5 like they say they do.
Posted 9 months ago #
Found this Link. It uses border-radius.htc hack. Works perfectly acorss all browsers including Internet Explorer but so far doesn't seem to work with gradients.
You must log in to post.
