[SOLVED] Broken When Using Compatibility View in IE8

[pkbowen]

Hey All,

I would have never discovered this, but my baby-boomer client apparently discovered that using IE8 with compatibility mode breaks his CMS Made Simple site.  I've been developing for a while (since the days of dealing with IE6, lol), and I haven't run into this issue before.  I have absolutely no clue about how to fix this, and am just happy that I was able to replicate the error.

I have the accessibility/cross-browser tools stylesheet assigned to the page, and everything is pretty much compliant (works in every browser that I've tested in without hacks...Opera, FF, IE7, IE8).

The site is up (but not complete) at: http://pineridgesportingclays.com/index.php

Has anyone else run into problems with IE8 compatibility view and CMSMS?  

Thanks a million!
-pkbowen

[Dr.CSS]

I use the latest Firefox and the menu doesn't have enuf room, contact us is under home, I don't know if it's supposed to but the 3 icons in the footer, RSS twitter, facebook, are all touching the very bottom/white part of the page...

You may want to check the html validation...

http://validator.w3.org/check?verbose=1 ... Findex.php

[pkbowen]

Thanks, but not really the help I was looking for...

Anyone have advice about this IE8 compatibility view problem?

[Dr.CSS]

Not validating is a very likely reason for not looking correct in compatibility view...

I'm pretty sure untill you fix it you won't get much help, sorry...

[pkbowen]

Validated.  Still didn't fix my problem...still works fine w/o compatibility mode in IE8, completely breaks w/ compatibility mode on.
Note that I also validated my CSS.  It checked out on the first go.

On another note, I thought that it might be an ordering issue, since it seemed to be 'hiding' some of the content.  I attempted to order them "correctly" with z-indices, but that didn't change how it looked with compatibility mode on.

Thanks for the help so far,
-Pat

[Rolf]

Hi,

Yes, I have problems with this before.

IE8 with compatibility mode, behaves like IE7

It is very hard to give you a plain answer for this. Change this, to that and you're problems are over... 
You have to play with it, and see what changes...
Google on IE7 hacks, etc.
Perhaps you have used {* and *} in your stylesheet?
Better use /* and */ then.

All small things that might help... (or not...)

Reg. Rolf 

[fredp]

...but that didn't change how it looked with compatibility mode on.
...

Hi,

Have you looked at the "X-UA-Compatible tag" as a possible workaround? 

...The X-UA-Compatible tag / header is something you use in page content / server-side and, when present, completely overrides Compatibility View settings on the client. ...

I've never used it myself, but I found it mentioned on an MS blog, after a quick web search:
  http://blogs.msdn.com/ie/archive/2009/02/16/just-the-facts-recap-of-compatibility-view.aspx

Might be worth exploring, if you run out of other options.

Hope this helps,
Fred P.

[Rolf]

Might be worth exploring, if you run out of other options.

Cool 

@pkbowen
Try something like this in:
Site Admin >> Global Settings >> Global Metadata

Code: Select all

<meta http-equiv="X-UA-Compatible" content="IE=8" />

Grtz. Rolf

[pkbowen]

Try something like this in:
Site Admin >> Global Settings >> Global Metadata

Code: Select all

<meta http-equiv="X-UA-Compatible" content="IE=8" />

Grtz. Rolf

Eureka!!!  That's just what the doctor ordered.  I even turned on "view all sites in compatibility mode" and it still used IE8 rendering (instead of IE7).

Thanks Fred and Rolf! (Karma to both!)

[fredp]

Eureka!!!  That's just what the doctor ordered.  I even turned on "view all sites in compatibility mode" and it still used IE8 rendering (instead of IE7).

Thanks Fred and Rolf! (Karma to both!)

Thanks for the update. Glad to know the tag worked for you.   

Also, thanks for the karma!

Fred P.