IE5.5 support

Some people had problems viewing my site using Internet Explorer 5.5. The reason for this is that IE5.5 wrongly loads my print stylesheet.

I have the following:
<style type="text/css" media="print">@import "css/print.css";</style>
which specifies that if the user prints one of my pages it should load my print stylesheet. The print stylesheet hides some of the stuff that is unimportant when printing my pages, like the navigation etc.

But IE5.5 just ignores this and loads it all the times. This way the navigation is lost when using IE5.5.

I've now fixed this by using some advanced CSS rules that only modern web browsers like Mozilla and other Gecko based browsers understands.

MozillaStupid stupid IE. Why dont you get a modern browser with popup removal and no security problems? Why dont you get Mozilla!


June 16, 2003 03:27 PM | Posted in Site info

Ads:

Back Next

9 Comments

Lucks. I normally use Mozilla, but just recently I was testing a bug in Konqueror, and havent changed browsers yet. And guess what. I can't see you navigation bar with it :)

Neither can I read link texts, because the background link icon keeps repeating over and over.

If you suddenly feel an urge to go cross-browsing, would you take a look at it?

Site icon Comment by Juha-Mikko Ahonen at June 17, 2003 07:22 AM | Permalink

Why don't you use for your stylesheet? If I get it correct, ie5.5 will support that. And Netscape4 will not load your styles, cause it doesn't recognise media="print".

Site icon Comment by Anne at June 17, 2003 09:45 AM | Permalink

hmmm something missing in that post. Why dont I use what?

Site icon Comment by Henrik Gemal at June 18, 2003 02:32 PM | Permalink

Anne meant you should use your main stylesheet in "print" as well as in "all" so that IE users would have no problems. She just didn't realize Mozilla recognized and adheres to "print", so that's not really an option -- would be the same if you had no print stylesheet at all :)

But you could solve the problem easily by splitting your styles into three different style sheets: one for the common stuff ("all"), one for hiding navigation ("print") and finally the navigation for browser display ("screen"). If screen came last, IE would use it and discard print, and standards-compliant browsers would behave correctly when printing the page.

Site icon Comment by Juha-Mikko Ahonen at June 18, 2003 07:29 PM | Permalink

Hi,

I am strugling with the exact same problem right now. Could you please tell me what 'advanced CSS' you used exactly to solve the problem?

Thanks a lot,


Eelco

Comment by Eelco at September 24, 2003 07:44 PM | Permalink

It's was done by doing this:

div#nav-box-fixed > div#nav-box { /* only for 100% CSS complient browsers such as Gecko based */
    position: fixed;
}

The > is only understood by CSS3 capable browsers like Mozilla

Site icon Comment by Henrik Gemal at September 25, 2003 09:28 AM | Permalink

hmm.. that more of looks like part of the ie-position-fixed-hack code I use, but I don't really see what this code would have to do with printing..

I found my problem solved by adding "@media" in my stylesheet, making my code look like:

HTML File:
@import url("print.css");

CSS File:
@media print {
/* make up here */
}


(ofcourse, the same goes for all other sheet, using their correct media type)
This way ie5 will do just fine, and won't read multiple stylesheets at once when it isn't supposed to..

Comment by Eelco at September 25, 2003 11:51 AM | Permalink

I had the same issue and I found that adding @media screen, @media print to each sheet did the trick too! :)

However, will this cause problems with older browsers which don't understand @media meaning that they won't use any stylesheet?

Site icon Comment by Rob at October 21, 2003 01:14 PM | Permalink

i looking for ie5.5 can any one send it to me

Comment by bell at August 10, 2005 12:48 PM | Permalink

Post a comment




Remember Me?




Please enter the security code you see here

.
You're here: Home - IE5.5 support
Get the Mozilla Firefox browser