WordPress.org

1. smigdig
   Member
   Posted 1 year ago #

   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: http://msdn.microsoft.com/en-us/library/cc288325%28VS.85%29.aspx

   Thanks for your help!
   Adam

2. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   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.

3. smigdig
   Member
   Posted 1 year ago #

   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

4. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   I said develop using Firefox.

5. smigdig
   Member
   Posted 1 year ago #

   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?

6. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   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.

7. smigdig
   Member
   Posted 1 year ago #

   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: http://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.]

8. smigdig
   Member
   Posted 1 year ago #

   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!

9. smigdig
   Member
   Posted 1 year ago #

   <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!

Topic Closed

This topic has been closed to new replies.