Support » Themes and Templates » Graphics askew when viewing on Internet Explorer 6

  • 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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Conditional comment CSS.

    And please don’t bump topics…

    Thread Starter Ronnie

    (@ronniesblog)

    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()) {
    ?>

    Thread Starter Ronnie

    (@ronniesblog)

    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

    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]-->
    Thread Starter Ronnie

    (@ronniesblog)

    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]–>

    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.

    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.

    Thread Starter Ronnie

    (@ronniesblog)

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

    much appreciate both your time

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Graphics askew when viewing on Internet Explorer 6’ is closed to new replies.