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.
Stupid stupid IE. Why dont you get a modern browser with popup removal and no security problems? Why dont you get Mozilla!
Ads:
9 Comments
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".
Comment by Anne at June 17, 2003 09:45 AM | Permalinkhmmm something missing in that post. Why dont I use what?
Comment by Henrik Gemal at June 18, 2003 02:32 PM | PermalinkAnne 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.
Comment by Juha-Mikko Ahonen at June 18, 2003 07:29 PM | PermalinkHi,
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
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
Comment by Henrik Gemal at September 25, 2003 09:28 AM | Permalinkhmm.. 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..
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?
Comment by Rob at October 21, 2003 01:14 PM | Permalinki looking for ie5.5 can any one send it to me
Comment by bell at August 10, 2005 12:48 PM | Permalink
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?
Comment by Juha-Mikko Ahonen at June 17, 2003 07:22 AM | Permalink