/    Sign up×
Community /Pin to ProfileBookmark

Stopping, or fixing, IE compatibility mode from totally screwing up the site?

Copy linkTweet thisAlerts:
May 10.2013

We have a new site we’re going to be rolling out soon:
[URL=”http://www.girlscoutsmoheartland.org/drupal”]http://www.girlscoutsmoheartland.org/drupal[/URL]
and it looks great in all browsers and tablets… except when you turn on IE 9’s compatibility mode, it totally rearranges nearly everything.
I wouldn’t think that’d be much of an issue — who uses compatibility mode?! Except a couple of our test users evidently had it turned on and never knew it. So when they went to the site, they complained of it looking all messed up. So now I wonder, how many other IE users are using compatibility mode and don’t know it, because they happened to click that annoying icon in the URL field?

So… is there some way I can make the site not do what it’s doing? Some CSS trick or adjustments? I’ve no idea.

Thanks for any help!
(Oh, and how’s it look in IE 10? The the one browser I don’t have access to yet. ? )

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@mechphistoauthorMay 10.2013 — Hmmm, I did find a way to insert this into the header:
[CODE]<?php

if (is_null(drupal_get_http_header('X-UA-Compatible'))) {
drupal_add_http_header('X-UA-Compatible', 'IE=edge,chrome=1');
}
?>
[/CODE]
And now compatibility mode, even when forced with F12 options, isn't messing up the layout any more! (At least, not that I can tell.) ?

So, I GUESS it's fixed now?

Still open to any other ideas and opinions. ?
Copy linkTweet thisAlerts:
@Frank62May 19.2013 — I don't know what is easier in your case, but there is an HTML alternative. Put this in the head:
<i>
</i>&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
×

Success!

Help @mechphisto spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.27,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...