Browser Detection - Page 2

**LazyJim** · 12-04-2003, 03:14 PM

ok so you could use the css trick...

Code in the page in prominent position...
[code:1:f05958029f]<p id="upgrade_message">...please upgrade etc...</p>
[/code:1:f05958029f]

Code in the html <head>...
[code:1:f05958029f]<style>@import "hide_message.css"</style>
[/code:1:f05958029f]

Code in the hide_message.css file...
[code:1:f05958029f]#upgrade_message { display: none;}
[/code:1:f05958029f]

n4 does not understand the @import rule of CSS, so it will not import the .css file, and not apply the rule that hides the message.

Jazzee · 12-04-2003, 03:17 PM

Wow. Thanks!!!

I will do this either tonight or tomorrow morning.

**LazyJim** · 12-04-2003, 03:17 PM

That is based on the Web Standards Project ("WaSP") browser upgrade campaign. I think I got it right, - u got n4 to test i imagine so does it work?

*edit* read u're last post, ok i'll wait to find out

Jazzee · 12-04-2003, 03:18 PM

I have it installed on my work comp. I'm at home now. But I'll let you know when I try it.

Edit - Just read your edit

Jazzee · 12-05-2003, 07:48 AM

What you gave me ALMOST worked

It still showed on all browsers.

But I searched on Google and figured it out.

If I use this in the <head> it works:
[code:1:f2f16db219]<style type="text/css" media="all">
@import "hide_message.css";
</style> [/code:1:f2f16db219]

Rather than just this:
[code:1:f2f16db219]<style>@import "hide_message.css"</style>[/code:1:f2f16db219]

Thank you, thank you, thank you