www.webdeveloper.com
Results 1 to 3 of 3

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

Hybrid View

  1. #1
    Join Date
    Aug 2010
    Posts
    81

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

    We have a new site we're going to be rolling out soon:
    http://www.girlscoutsmoheartland.org/drupal
    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. )

  2. #2
    Join Date
    Aug 2010
    Posts
    81
    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');
      }
    ?>
    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.

  3. #3
    Join Date
    Feb 2008
    Location
    Amsterdam, The Netherlands
    Posts
    270
    I don't know what is easier in your case, but there is an HTML alternative. Put this in the head:
    Code:
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    .
    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles