Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

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

Posted on 2009-07-10
3
Medium Priority
?
178 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 43

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 43

Accepted Solution

by:
David S. earned 2000 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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat. HipChat is a true business app. An…
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
This video teaches users how to migrate an existing Wordpress website to a new domain.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Suggested Courses

636 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