Salut !

Je voudrais appliquer des css différents selon le navigateur et la résolution. J'ai fait un petit script mais il n'applique pas les feuilles de style désignées

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<script language="javascript"> 
	  var Nom = navigator.appName;
	  var mf = (Nom == 'Firefox');
      var ie = (Nom == 'Microsoft Internet Explorer');
      var nav = navigator.userAgent.toLowerCase();
      var ver = parseInt(navigator.appversion);
	  var wid=screen.width;
      var hei=screen.height;
      if (mf)
	  {
	  alert ('Firefox');	
	  document.write('<link href="./style/mf.css" rel="stylesheet" type="text/css">'); 
	  if ((wid<800)) { alert('ATTENTION: Ce site a ete concu pour un affichage de 800x600 supérieur a 65535 couleurs! \n réglez votre écran SVP.')}
	  if ((wid>=800) & (wid<1024)) { document.write('<link href="./style/mf-800.css" rel="stylesheet" type="text/css">');}
	  if ((wid>=1024) & (wid<1280)) { document.write('<link href="./style/mf-1024.css" rel="stylesheet" type="text/css">');}
	  if ((wid>=1280)) { document.write('<link href="./style/mf-1280.css" rel="stylesheet" type="text/css">');}
	  }
      if (ie)
	  {
	  if ((wid<800)) { alert('ATTENTION: Ce site a ete concu pour un affichage de 800x600 supérieur a 65535 couleurs! \n réglez votre écran SVP.')}
	  if ((wid>=800) & (wid<1024)) { document.write('<link href="./style/ie-800.css" rel="stylesheet" type="text/css">');}
	  if ((wid>=1024) & (wid<1280)) { document.write('<link href="./style/ie-1024.css" rel="stylesheet" type="text/css">');}
	  if ((wid>=1280)) { document.write('<link href="./style/ie-1280.css" rel="stylesheet" type="text/css">');}
      document.write('<link href="./style/ie.css" rel="stylesheet" type="text/css">');
	  }
    </script>
Quelqu'un peut m'aider svp ?

Merci d'avance...