By xmats on

Hi everyone..

I'm facing a strange issue with Internet Explorer 6 and a new Drupal site I'm developing. I'm trying to use an alternative stylesheet with IE by using the following code:

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="all" href="themes/recipedia_frontpage/ie.css" />
<![endif]-->

But for some reason IE is still loading the old stylesheet. I'm also facing some CSS problems with IE that I can't find a solution for.

The URL is http://recipedia.tv

ANY help is VERY appreciated!

⋅ Categories: Drupal 4.6.x

Comments

xmats’s picture

xmats commented

The page is still under development, but works fine with Safari and Firefox. The HTML validates as XHTML Strict (except for the flash embedding) and I can't seem to find any obvious errors.

I can't get any of the PNG hacks to work under Drupal either.

Gary Feldman’s picture

Gary Feldman commented

Is it loading both stylesheets? The snippet you posted will only cause IE to load that particular file. It won't stop IE from loading other .css files.

Gary Feldman

xmats’s picture

xmats commented

Thanks for your comment Gary..

The code is as following:

<link rel="stylesheet" type="text/css" media="all" href="misc/drupal.css" />
<link rel="stylesheet" type="text/css" media="all" href="themes/recipedia_frontpage/style.css" />

<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="all" href="themes/recipedia_frontpage/ie.css" />
<![endif]-->

To my knowledge, IE is supposed to disregard the first two stylesheets and only load its special stylesheet. The proper browser should load everything except the IE stylesheet.

Do you have hints on getting the various transparant PNG solutions to work in IE?

Gary Feldman’s picture

Gary Feldman commented

To my knowledge, IE is supposed to disregard the first two stylesheets and only load its special stylesheet.

I don't use IE conditionals, but I have to believe that's wrong; it would break the whole mechanism of CSS and the way it's used. It's common to have multiple style sheets. If IE ignored the previous style sheets, you'd have to duplicate everything in them. That may not even be possible, particularly with Drupal and other content management systems, since you may have no idea what other style sheets are being included.

I believe the correct behavior is for IE load all three, while other browsers only load the first two. The reason this is effective is that you using the IE style sheet to override CSS rules from the previous style sheets. This is based on one of the cascade rules: All things being equal, a rule that occurs later overrides one that occurs earlier.

Your choices are to make sure that your ie.css file overrides all the things you care about or to wrap the other style sheet items in some sort of [if not let IE6]. Again, I don't use IE conditionals so I'm not sure what the syntax would be or even if there is such a thing as an if not for IE conditionals.

Gary Feldman

xmats’s picture

xmats commented

Thanks Gary,

You're absolutely right. This works as intended. Thanks a lot for the tip, you've definetly made my day :)

Poolio’s picture

Poolio commented

unfortunately, I can't offer any help regarding your IE problems.

I just wanted to say that I really like the theme you created.

great work.

Poolitics