I have wordpress website, and the homepage of this website display incorrect in IE.
I'm developer too, so I know I have to put doctype in the header to force IE display in standard mode. But when I use developer tool in IE, it's display the doctype stay inside body tag.
Here is my website: http://kidscare.edu.vn/
and the screenshot:
http://imageshack.us/f/546/kidcareiebug.png/
The weird thing is another page is display correct. I don't understand why this error appear.
this site is working perfect in all IE expect ie6 quirks mode, the prob is you are viewing this site in quirks mode,
For changing this mode alt+7 or press f12 than change the document mode to the standard one.
Please change this mode and this will work fine see my ss.
its how site will look in IE7+.
you can check these questions also :
How do I get IE9 to use standards compliant mode when developing on
localhost?
why am I triggering quirks mode in IE8?
You have two starting HEAD tags and one closing HEAD tag. There should be one starting and one closing HEAD tag on your page. Try removing one.
Oeps, I typed HEAD but meant HTML. There is a typo in the conditional statement at the end of the first line:
<!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!-->
<html dir="ltr" lang="vi-VI" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns/fb#" >
<!--<![endif]-->
Related
I've put up a test page illustrating my problem : http://www.heliopsis.net/var/fontcustom/
I've created a custom font with help from the awesome http://fontcustom.com/ but I have issues displaying it properly in IE8.
It seems that IE8 can use this font with HTML entities but not with CSS generated content. Even more puzzling, it sometimes manages to show the glyphs but loses them on page reload...
Does anybody know what's going on here ?
Here's a screenshot of what I see on IE8 :
In general, generated content doesn't work quite as well as it should (what does?) in IE8.
I played around a bit with your test page, and you might want to check that you aren't getting dumped off into IE8's compatability mode for IE7 or (even worse) Quirks Mode. Both of those seem to break the custom font, but I see it perfectly fine when IE8 runs as IE8.
To ensure that IE always gives to the most recent cababilities if possible add the
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
meta to your header. Also, use the develper tools for IE8 to make sure that your font is being loaded when you see the issue.
http://www.grossmag.com/2012/september/home.shtml
This link works in both Firefox and Chrome. I am not sure why it won't line up correctly in IE. I am trying to convert from old style tables/td's/tr's and this will be great if I can find out why it isn't lining up in explorer.
Sounds like your site is being viewed in compatibility mode in IE. This can depend on the DOCTYPE of your document.
To cause IE to display using the default mode of the current version, use the following META tag
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
This will not fix the site for IE7 (for example). If you wish to do that, then you will likely need to create custom CSS rules for older browsers
In IE9 Browser, a page is not displayed properly. Using developer toolbar I have found the following screenshot in which it displays
Browser Mode:IE9 Compat View
Document Mode : IE7 standards
If I force the browser to
Browser Mode : IE9
DOucment Mode : IE9 Standard
Then it display properly.
How can I show the page properly without forcing the browser to IE9 mode.
Ah... Internet Explorer didn't support HTML5 until IE9. Add this to the header:
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Also, add an HTML5 reset style sheet like this one:
http://html5doctor.com/html-5-reset-stylesheet/
It looks different in the emulated version of IE7 because you wrote it in HTML5, and IE7 was developed before HTML5 was even an apple in the eye of the W3C.
Be careful using hacks such as the one prescribed in the answer above. It is better to understand each bit of code you add to your site.
It is also important to remember that every additional document, hell every keystroke you add, creates a greater load on the server and browser, which increases your load time.
I've tried the following and all it does is change the Document Mode, not the Browser Mode:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta http-equiv="X-UA-Compatible" content="IE=7">
My particluar page only works when the browser mode is either IE7 or IE8 Compat View.
The code you posted should work.
Please ensure the following:
The meta tag is right at the top of the header, as first element after the <title></title>.
Restart IE and open your page without manually setting the Browser- or Document Mode from the Developer Tools. Setting these manually can overwrite IE's behavior and causes it to ignore the compatibility tag.
ie8 version on my computer , show itself as ie 7 when i use CSS IE CONDTION like
<!--[if IE 7]>
<script type="text/javascript">alert('hello iam ie 7 :P ');</script>
<![endif]-->
but when i try it on another computer with ie8 its work normally , its possible to have any
problem in my client website or this is ie problem ?
(IE 8.0.7600.16385 )
It may be problem with ur Internet Explorer Developer Tool so, use following to solve it,
press F12,
you can see the Browser Mode : IE8,
change it by clicking on it,
and select the appropriate menu,
Internet Explorer 7
Msie8 has an option to act as ie7 -- if you press F12 you will get a debug window, and in the upper right corner of that window you should see various options about which version to act as. You can switch to ie8 there.
can't tell for sure but I had an problem with ie8 some time ago that sounds pretty related to yours...
In my case I had to set the doctype of the html element in order to not run in compatibility mode where ie8 acts like it was ie7...
Just add something like that on the first line of your html and see if it works...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">