Results 1 to 3 of 3

Thread: IE8 beta2 and CSS/ JavaScript compatibility quick fix

  1. #1
    Join Date
    Aug 2004
    Posts
    9,889
    Thanks
    3
    Thanked 964 Times in 953 Posts
    Blog Entries
    15

    Default IE8 beta2 and CSS/ JavaScript compatibility quick fix

    I've gotten quite a few emails lately on how a DHTML script (whether on DD or elsewhere) or CSS code not quite working properly in the new IE8 beta 2 browser that was released a few days ago. For example, if you test out CSS Chrome Menu in IE8 beta, it currently fails.

    We plan on checking all scripts on DD for IE8 once it's officially released (or dangerously close to), when all the dust have settled in terms of changes to the browser's rendering engine. In the meantime, to get pages on your site that don't function properly in IE8 beta, the quickest way is just to add the IE7 mode meta tag to the HEAD of your page:

    Code:
    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    </head>
    This META tag causes IE8 to utilize IE7's rendering behavior while still mantaining all IE8 features.
    DD Admin

  2. The Following User Says Thank You to ddadmin For This Useful Post:

    me_myself (10-28-2008)

  3. #2
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 130 Times in 117 Posts

    Default

    too bad that can't work in reverse for all of those poor unfortunate IE6 users...

    Use a meta tag to make it "render as IE 7"

    LOL
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  4. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,937
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    As a corollary to this, in IE 8, should you wish to force it into its IE 8 standards mode, use this meta tag:

    Code:
    <meta http-equiv="X-UA-Compatible" content="IE=8">
    I'm finding this useful in development because a demo page I recently made up that validates as HTML 4.01 strict will for some unknown reason throw itself into compatibility mode automatically without this meta tag, but only when scrolled! I cannot have the mode changing in mid page, that's just too hard to code for.

    Edit: Here's a link to the official MS document on this issue:

    http://msdn.microsoft.com/en-us/libr...25(VS.85).aspx
    Last edited by jscheuer1; 03-17-2009 at 04:26 AM. Reason: add link to official MS document
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

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