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

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?
LVL 5
ping_itAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

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".
0
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.
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
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" />
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Browsers

From novice to tech pro — start learning today.