CSS problem
- Started
- Last post
- 9 Responses
- doctor
I'm having trouble forcing IE 6 to render a conditional stylesheet. It usually works, but now it doesn't for some reason.
In the HTML doc:
<!--<![if gte IE 5.5]>
<link href="style/ie6_compatibility.css" type="text/css" media="screen" />
<![endif]-->The CSS:
#logo {
filter:progid:DXImageTransform.M...
filter:progid:DXImageTransform.M...
width: 189px;
height: 58px;
}The above should apply Microsoft's AlphaImageLoader Filter to a PNG-24 that uses transparency. I never experienced this problem before.
- sherman0
<!--<![if gte IE 5.5]>
should that say 6?
- doctor0
No, it shouldn't. That means "greater than or equal to IE 5.5".
- doctor0
QBN cut 2 lines of CSS off, but I'm sure that they're correct and that they point to correct URLs.
I'll show you, only with a few spaces added (just ignore):
filter: progid: DXImageTransform.Microsoft.Alpha... (src='../grafik/logo_trans.png...
filter: progid: DXImageTransform.Microsoft.Alpha (opacity=0);
- stupidresponse0
typo, too many !!!s
<!--[if gte IE 6]>
- doctor0
Thanks, you're totally right. It doesn't work even when I fix it though.
Actually I can't make IE 6 parse any CSS in the stylesheet placed within the conditional tags, no matter what.
<!--<[if IE 6]>
<link href="style/ie6_compatibility.css" type="text/css" rel="stylesheet" media="screen" />
<![endif]-->CSS:
#logo {
display: none !important;
}This *really* ought to work, right?
- TResudek0
I would recommend using correctPNG to handle PNGs in IE. Let me know if you want the code.
- doctor0
Damn it, I had the conditional tags all wrong.
Should be:
<!--[if IE 6]>
<link href="style/ie6_compatibility.css" type="text/css" rel="stylesheet" media="screen" />
<![endif]-->Now it parses the CSS.
@TResudek: Sure let me have a look. But isn't it for Joomla?
- yaphi0
I like this better, <!--[if lte IE 6]>