• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 180
  • Last Modified:

Defining Document Compatibility - Page cannot be seen in IE7/8

the page is www.przepiekna.pl

I can see it using IE6 and FF and Opera.

I have installed IE8 and the page is broken straight after the header. I started playing with the developer tools and I found out that:

It works fine using:
Internet Explorer 8 Standards

It is broken using:
Internet Explorer 7 Standards

I was reading this page: http://msdn.microsoft.com/en-us/libr...8VS.85%29.aspx

How can I make it to be seen well in IE7 and 8 using the default which is IE7 Standards?
  • 2
1 Solution
David S.Commented:
Your MSDN link got mangled.  If it said that "IE7 Standards mode" is the default mode for IE8 then it is outdated, however. That decision was reversed while IE8 was still in beta testing. So the default mode for IE8 is "IE8 Standards mode". (There is an option to change that though.)

That page uses the <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> tag to force IE8 to use "IE7 Standards mode", which is very odd because it looks fine when I force IE8 to use "IE8 Standards mode" but is broken when I don't.

It looks like IE7 doesn't like it that ".Sheet" overflow:hidden when "div.Header" has height:125px. So remove that height declaration from "div.Header".
ping_itAuthor Commented:
Hello, thanks for your answer.
I was able to resolve it using the <[if IE 7]> conditional. Because I am using the code that you can see here in the bottom, and this code is commented because without it the page looks better, but IE7 strangely needs this code to be shown properly and not broken.
So i will make run this code only in IE7.

It is strange that I have downloaded IE8 for the first time in this PC from http://www.microsoft.com/downloads/thankyou.aspx?familyId=341c2ad5-8c3d-4347-8c03-08cdecd8852b&displayLang=en and it was set to use IE7 standards.

There should be other people in my same situation, so I would like to force IE8 to use IE8 standards. How can I do it?

I can use your suggestion:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Or another one that I found in internet:
<if condition="is_browser('ie', '8')"><meta http-equiv="X-UA-Compatible" content="IE=7" /></if>

What is the difference between the two?
Where should I put each of them? Anywhere in the header before the <body>?
Which one should I use?
How it needs to be changed to force IE8 to use IE8 standards?

I think that resolves the question.

<h1 id="name-text" class="logo-name">
<a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div id="slogan-text" class="logo-text">
<?php bloginfo('description'); ?></div>

Open in new window

David S.Commented:
I wasn't suggesting that you use that meta tag. I was saying that the www.przepiekna.pl page is using it.

"IE=7" forces IE8 to use "IE7 Standards mode" regardless of the doctype and "IE=EmulateIE7" forces IE8 to pick "IE7 Standards mode" or "Quirks mode" depending on the doctype.

As far as I know, you can place them anywhere between the <head> </head> tags.

You can use this one to force IE8 to use "IE8 standards mode":

<meta http-equiv="X-UA-Compatible" content="IE=8" />
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now