hiding css from IE 6?

[martin]

Hi, I have been hiding the following statement from IE 5 and 5.5 using the "box model hack" mentioned in various sites.

position: fixed;

so that Netscape 6 etc could make use of it. However, this no longer works for IE 6 as they have fixed the bug but unfortunatly IE 6 still does not recognise the above statement either!

Can I hide this statement from IE 6 but still have it for Nav 6/7??

Any thoughts on this appreciated...

[mserms]

'Fraid I've got this problem too. Is this a fairly frequent problem?

[martin]

I don't know, its not so much that it does not stay on screen when I scroll, more that it actually displays in the wrong position!

If it was positioned correctly then I wouldnt have a problem. Does anyone have a 'sniffer' for IE 6 Windows?

Currently I have just had to disable position: fixed and re-state position:absolute for the item to at least display in the correct place, which is a shame!

[bcp_2005]

I use the following for a browser sniffer:

if(document.getElementById) {
//Do something in IE
}
else if(document.layers) {
//Do something in Netscape
}
else {
//Do something in other browsers
}


But, I don't know if this will work for you because it doesn't detect browser versions. I've never had to detect the version of the browser, just the browser type.

[vgarcia]

bcp, your code probably does not detect very well. document.getElementById is used in Mozilla now, which translates to Netscape 6/7. It is also used in the Konqueror browser on Linux. Document.layers only works in NS4. If you want IE-specific javascript you use document.all[] but document.getElementById is the best way to go.

As to the problem at hand, hiding styles from IE6. The best way is probably to do a server-side check using PHP or ASP, then only sending down the appropriate CSS for that browser.

--Vinnie

Originally posted by bcp_2005
I use the following for a browser sniffer:

if(document.getElementById) {
//Do something in IE
}
else if(document.layers) {
//Do something in Netscape
}
else {
//Do something in other browsers
}


But, I don't know if this will work for you because it doesn't detect browser versions. I've never had to detect the version of the browser, just the browser type.

[bcp_2005]

Thanks vgarcia. I guess I'll have to find a different way to check browser types. Why can't there just be ONE standard browser ?!?! It would make EVERYBODY'S life MUCH easier.

[randem]

Originally posted by bcp_2005
Thanks vgarcia. I guess I'll have to find a different way to check browser types. Why can't there just be ONE standard browser ?!?! It would make EVERYBODY'S life MUCH easier.

That's why standards bodies exists. If everyone plays by the rules, you don't have these problems. Sadly, however, Microsoft doesn't think the rules apply to them.

So just as a point of correction, it's not that we need one standard browser... we just need to use browsers that follow the one standard.

[bcp_2005]

Very good point randem. Thanks for correcting me.

[vgarcia]

Well, document.getElementById() will work in all standards-compliant browsers. So create a generic detection script.

<script language="javascript" type="text/javascript">
  function sniff() {
   var UA = navigator.userAgent;
   var AV = navigator.appVersion;
  //check for ie 5+ (standards-compliant), also check for
  //Opera's fake user agent strings
   if(UA.indexOf('MSIE') > -1 && AV >= 5 && UA.indexOf('Opera')==-1){
   return 'standards';
   }
    //check for gecko-based browsers (Moz, NS6+, etc)
   if (UA.indexOf('Gecko') > -1 && UA.indexOf('Opera')==-1){
      return 'standards';
     }
   
    //check for Konqueror 
     if(UA.indexOf('Konqueror')> -1){
      return 'standards';
     }
   
   //check for ******* NS4 with document.layers
   if(document.layers){
   return 'NS4';
   }

     //check for ie4
     if(UA.indexOf('MSIE') > -1 && AV==4){
     return 'IE4';
     }
    }
    }
  }
</script>

Add your own checks for opera or other browsers as you see fit.

--Vinnie