Ie6 conditional stylesheet

  • foleysarah

    (@foleysarah)


    13 years ago

    Hey,

    I’m trying to link up a stylesheet for ie6.
    I’ve tried everything,
    right now ie6.css is in the root folder same as style.css

    So in the header right under the:
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

    I have:

    `<!–[if lt IE 7]>
    <link type=”text/css” rel=”stylesheet” href=”ie6.css” media=”screen” />
    <![endif]–>`

    doesn’t work.

    I tried:
    `<!–[if lt IE 7]>
    <link rel=”stylesheet” href=”<?php bloginfo(‘template_directory’); ?>/ie6.css” media=”screen” type=”text/css” />
    <![endif]–>`

    `<!–[if IE]>
    <style type=”text/css” media=”screen”>
    @import url( https://www.q-ball.com/store/wp-content/themes/WPFlexiShop/ie6.css);
    </style>
    <![endif]–>`

    Neither of them work.
    I just don’t get what I am doing wrong, can anyone see anything? Slash have any suggestions?

Viewing 4 replies - 1 through 4 (of 4 total)
  • j@revive

    (@jrevive)

    13 years ago

    Hi there,

    <!–[if IE]><link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_url’); ?>/ieFix.css” /><![endif]–>

    Should work. It’s a catch all for IE, not just IE 6. (Actually all the web designers I know (including me) have dropped support IE6, and so has Google I’m told. So maybe it’s a headache you don’t need?

    kreativjustin

    (@kreativjustin)

    13 years ago

    I have chosen to drop support of IE6 for a long time. If a client is wanting IE6 support, then he/she will be paying extra for it. IE6 is obsolete, people just need to hang the towel up and move on.

    and j@revive is completely correct, it is just a headache.

    Thread Starter foleysarah

    (@foleysarah)

    13 years ago

    I just tried that.. doesn’t work either.
    I don’t get what I’m doing wrong.

    Do some plugins block it? I don’t think its the file structure.

    I want the conditional stylesheet in there to hide things that don’t work in ie6.

    jocken

    (@jocken)

    13 years ago

    put !important after the css, like this:

    .css{
    display: none !important;
    }

    That will override all the css and it’s only visible for ie6.

    Otherwise you can use the css hack by putting a _ before, like this:

    .css{
    _display: none;
    }

    None of them are pretty but they work.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Ie6 conditional stylesheet’ is closed to new replies.

Tags