WordPress.org

1. Ronnie
   Member
   Posted 2 years ago #

   i notice that some of the graphic images don't show up properly when viewing my blog from Internet Explorer 6

   the sizing seems to go all askew

   its okay on other versions of IE, as well as Safari, Firefox etc..

   has anyone experienced this, and could you share please how you resolved it?

   thank you

   http://www.transformingscotland.com

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Conditional comment CSS.

   And please don't bump topics...

3. Ronnie
   Member
   Posted 2 years ago #

   thanks esmi.. and my apologies on the bump, sorry

   can you please help me confirm if its correct of me to use the following conditional comment in this case (for all versions of IE?):

   <!--[if IE]>
   <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/ie.css" media="screen" type="text/css" /><![endif]-->

   and if so, could you plese advise whereabouts within my header.php this line would be inserted? (initial header.php code below)

   <title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' |'; } ?> <?php bloginfo('name'); ?></title>

   <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/screen.css" type="text/css" media="screen, projection" />

   <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/print.css" type="text/css" media="print" />

   <!--[if IE]><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie.css" type="text/css" media="screen, projection"><![endif]-->

   <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

   <?php if(get_theme_option('featured_posts') != '' && is_home()) {
   ?>

4. Ronnie
   Member
   Posted 2 years ago #

   ps i tried putting in the conditional comment after the first line but it didn't work. its probabkly me but the instructions don't seem so clear

5. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Add the conditional CSS after your main stylesheet link:

   <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
   <!--[if IE]><link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/ie.css" type="text/css" media="screen, projection"><![endif]-->

6. Ronnie
   Member
   Posted 2 years ago #

   thanks

   this is what i've got now in there, it's still not working.. any other ideas?

   <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/screen.css" type="text/css" media="screen, projection" />

   <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/print.css" type="text/css" media="print" />

   <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

   <!--[if IE]>
   <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/ie.css" media="screen" type="text/css" /><![endif]-->

7. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   The problem may be in ie.css itself. I normally troubleshoot this kind of problem by adding coloured borders to each of the classes and ids in the IE sheet to check that I'm targeting the correct classes etc. You might also want to run the sheet through the CSS validator to rule out any parse errors. Sometimes IE stops parsing the sheet as soon as it hits an error.

8. zeniph
   Member
   Posted 2 years ago #

   You're using IE6 pngfix.js and resizing PNG images to their non-native width. The images will get resized when the png fix is applied.

   Either resize the image to the exact size you want it (dont force the size in HTML) or make it jpeg/gif not PNG.

9. Ronnie
   Member
   Posted 2 years ago #

   thanks esmi
   thanks zeniph i'll go gif my png's!

   much appreciate both your time

Topic Closed

This topic has been closed to new replies.