Support » Plugins and Hacks » WP2.3 IE Conditional Style Sheet

  • SO i want to introduce a conditional stylesheet on a site i am developing for my cousin. I have my regular stylesheet and i have an IE specific one called ie-style.css.

    My understanding of the required code is:
    <!–[if IE]>
    <link rel=”stylesheet” type=”text/css” href=”ie_style.css” />
    <![endif]–>

    HOWEVER! I am not sure where in my header i am supposed to put this when the style sheet is not called in the same way. It seems the stylesheet is called within the style parameters of the header:

    <style type=”text/css” media=”screen”>
    @import url( <?php bloginfo(‘stylesheet_url’); ?> );
    </style>

    Does anyone know how to combine these two great bits of code.

Viewing 4 replies - 1 through 4 (of 4 total)
  • ok, i just figured it out! It’s amazing what a good night’s sleep does for you!

    After the original style tags you need to place the conditional tags around the same statment with a full URL to the alternate stryle sheet:

    <style type=”text/css” media=”screen”>
    @import url( <?php bloginfo(‘stylesheet_url’); ?> );
    </style>

    <!–[if IE]>
    <style type=”text/css”>
    @import “http://www.irishmark.frih.net/wordpress/wp-content/themes/RedGrundgeAshley/ie_style.css”;
    </style>
    <![endif]–>

    ok so no this doesnt work – anyone got a clue?

    toky

    (@toky)

    actually as you suggested works for me, giving the complete path to the alternative css and placing it just after the </head> tag.
    Thanks!

    Hey, this worked perfectly and solved a problem I was having with IE!

    The one thing I changed was

    <!--[if IE]>

    to

    <!--[if lt IE 8]>

    I found IE8 Beta 1 displays the page perfectly, so if any version of IE below v8 is used (lt = less than), it’ll grab my alternate style sheet.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘WP2.3 IE Conditional Style Sheet’ is closed to new replies.