Solved

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

Posted on 2009-07-10
3
176 Views
Last Modified: 2013-12-08
Hello,
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?
0
Comment
Question by:ping_it
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 42

Expert Comment

by:David S.
ID: 24827285
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".
0
 
LVL 5

Author Comment

by:ping_it
ID: 24827426
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.
Thanks


<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>
</div></div>

Open in new window

0
 
LVL 42

Accepted Solution

by:
David S. earned 500 total points
ID: 24827570
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" />
0

Featured Post

Turn Insights Into Action

You’ve already invested in ITSM tools, chat applications, automation utilities, and more. Fortify these solutions with intelligent communications so you can drive business processes forward.

With xMatters, you'll never miss a beat.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
This video teaches users how to migrate an existing Wordpress website to a new domain.
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

691 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question