Oxstones.com displays well in IE6 & IE8, not IE7. What's the right compability?

  • Hey all,

    Oxstones.com displays well in Firefox, Safari, IE6 and IE8, but has trouble in IE7. I tested it with browsershots.org.

    What compatibility should I use to have IE6,7,and 8 work together?

    Before I added the following code, only IE8 worked, but now I’ve gotten IE6 and 8, not sure how to add in 7 to the mix.

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

    Here is more info on where I found the code: https://msdn.microsoft.com/en-us/library/cc288325%28VS.85%29.aspx

    Thanks for your help!
    Adam

Viewing 8 replies - 1 through 8 (of 8 total)

  • Remove <meta http-equiv="X-UA-Compatible" content="IE=8; IE=7" />, develop your site using Firefox and get to grips with conditional comment CSS for IE.

    Thread Starter smigdig

    (@smigdig)

    What do you mean ‘develop your site using Firefox’? We have 30% of corporate viewers visiting our site on IE7 from their company-provided laptops, so we can’t get people to use Firefox.

    Any thoughts on specific tags which would cause the header.php to overlap home.php? I would use conditional formatting to have a IE specific CSS section without these tags causing the overlap.

    Thanks for your help!
    Adam

    I said develop using Firefox.

    Thread Starter smigdig

    (@smigdig)

    Yes, but that seemed too obvious. ??

    I do develop all our content from the Firefox browser… not sure how that helps make the CSS any better. What benefit does Firefox have over IE in developing code and working in the dashboard?

    Firefox is still far more standards complaint than IE. So it enables you to start with a valid, compliant, site. You can then apply display fixes for the various versions of IE using conditional comment css.

    Thread Starter smigdig

    (@smigdig)

    Ok, got it. Thank you!

    Do you have any idea what tag in style.css I would need to make specific to IE7 so home.php would not overlap header.php?

    Every other browser plays nicely… but IE7 is a mess. See here: https://api.browsershots.org/png/original/2f/2f77af4e2eb1b81891e5a5ea579ec13e.png

    Thanks!
    Adam

    My stylesheet is below:

    [CSS moderated as per the Forum Rules. Please post a link to your site instead.]

    Thread Starter smigdig

    (@smigdig)

    Hello again,

    I removed: <meta http-equiv="X-UA-Compatible" content="IE=8; IE=7" />

    and replaced it with:

    <!--[if IE 7]>
<style type="text/css">
  #content {margin-top: 250px;}
</style>
<![endif]-->

    Now header.php doesn’t overlap home.php in IE7, on the home page and posts, it still does on pages, links from the top nav. Why?

    Also, in IE6 and IE8, the buttons for Google Translate and my Aweber integration show up… but they’re gone in IE7.

    Any ideas on how to:
    1. eliminate header.php from overlapping home.php on nav Pages in IE7?
    2. allow the Google Translate Submit button and Aweber form to display in IE7?

    Thanks for your help!

    Thread Starter smigdig

    (@smigdig)

    <meta http-equiv="X-UA-Compatible" content="IE=8" />
<!--[if IE 7]>
<style type="text/css">
  #container {margin-top: 250px;}
</style>
<![endif]-->

    seems to render all my pages and posts correctly!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Oxstones.com displays well in IE6 & IE8, not IE7. What's the right compability?’ is closed to new replies.