Firefox ignores IE-Hack??

Hallo guys,

I have a terrible IE problem that I`m trying to fix since weeks! It`s the dropdown thing.
Well, I`ve just managed to get my submenu in IE visible and in Firfox everything went completely chaotic! I have done everything as it is explained and still, it wont work like it should. I hate it!

So, why is all this.
In the html I have used the IE detect hack:

HTML: Select all

<!--[if lt IE 6]>
<style type="text/css">
body{ behavior: url(fileadmin/tamplates/scripts/csshover.htc); }
</style>
<@import url(styles/ie6.css); />
<![endif]--> 

and I thought it should be seen only from IE. Apparently not.
In the ie6.css I have only told IE, it should load gifs instead of pngs, and gave the submenu-link a 100% width, in order to IE actually show it :

Code: Select all

#mainmenu ul ul li{
background-image:url(../images/menu/tv_button_links_tr.gif);
width:100%;
}

I tried it in IE and ... a miracle, it worked ... But in Firefox all went completly wrong - the submenu-links had 100% width and were gifs! It has read the ie6.css instructions and overwritten these in the default.css

Why is that? How can I keep both css-styles separated(Firefox should load png and IE gif, width, etc.)? I`ve used the standart IE-detecting hack

I thank you in advance!

Please post a link so we can see your actual code.

For a start, I don't know why you bother fixing IE5. Hardly anyone uses it; it's a dead browser.

And why the odd mixture of <style> and <@import>? What's wrong with a simple <link>ed styelsheet?

Mike, don't you mean IE6? myforum did not say anything about IE5, but gathering from his/her <!--[if lt IE 6]> declaration, I'd say s/he means IE6. That declaration, by the way, myforum, is wrong. It's <!--[if IE 6]>. The "It" should not be there...
As for the linked stylesheet Mike was talking about, this is what he means:

HTML: Select all

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" media="all" href="styles/ie6.css">
<![endif]--> 

As far as I'm concerned, <@import /> doesn't exist. The import function only works inside css. Like this:

HTML: Select all

<style type="text/css">
@import "styles/ie6.css";
</style>

But use the linked stylesheet I posted above instead.

Cheers

hi guys,

I actually didn`t use the @import command but the <link href...>, I`ve just tried if it makes difference.

Swanger, I`ve tried it like u suggested... it still goes wrong

HTML: Select all

<link rel="shortcut icon" href="http://www.webforumz.com/images/icon/favicon.ico" type="image/ico" />
<link href="styles/default.css" rel="stylesheet" type="text/css" />

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" media="all" ref="styles/ie6.css">
<![endif]--> 

</head> 

I just can`t understand where this comes from ! its confusing...

I am no expert on this but try:

HTML: Select all

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

Try:

HTML: Select all

<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="styles/ie6.css" />
<![endif]-->

That is suggesting that your stylesheet is in the styles directory. Also, what versions of IE do you want it to show in?

__________________
Marc
Staff Manager - Webforumz.com

Want to be a moderator? PM me.

No, I didn't mean IE6. I was looking at his code, which said IE5!

Post a link. Otherwise it's difficult to help you.

Also Swagner, "lt" means Less Than so "lt IE 6" means IE5 and below....

__________________
Marc
Staff Manager - Webforumz.com

Want to be a moderator? PM me.

Oh, ok. The only reason it could be going wrong then is that you are using ref instead of href.
By the way, since the title of this thread is "Firefox ignores IE-Hack" I'm guessing that you want Firefox to read the stylesheet, no?. Firefox is supposed to ignore it, is specified for only IE. If you want the styles to apply to Firefox as well, get rid of the <!--[if IE 6]> and the linked stylesheet will be read by all browsers.