Solved

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

Posted on 2009-07-10
3
175 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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

726 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