Se connecter avec
S'enregistrer | Connectez-vous

Feuilles de style dufférentes pour IE et une autre pour Firefox

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte

Bien sûr, avec un script.

Dans ton dossier, tu vas créer un fichier javascript avec:

  1. Nom = navigator.appName;
  2.  
  3. ns = (Nom == 'Netscape') ? 1:0
  4. ie = (Nom == 'Microsoft Internet Explorer') ? 1:0
  5. m = (Nom == 'Mozilla') ? 1:0
  6.  
  7.  
  8. if (ns) {
  9. document.write('<link rel="stylesheet" type="text/css" href="date_m.css">')
  10. }
  11.  
  12.  
  13.  
  14. else if (ie) {
  15. document.write('<link rel="stylesheet" type="text/css" href="date_ie.css">')
  16. }
  17.  
  18.  
  19. else if (m) {
  20. document.write('<link rel="stylesheet" type="text/css" href="date_m.css">')
  21. }


Dans ta page HTML, tu rajoutes cette ligne:

  1. <script type="text/javascript" src="test.js"></script>


Il ne te reste plus qu'à créer une source pour firefox, soit date_m.css et une autre pour Internet explorer, soit date_ie.css

Ou si juste IE que tu veux distinguer des autres navigateurs (comme c'est l'usage pour la plupart des développements de sites web) utilises les commentaires conditionnels.

Par exemple

  1. <link rel="stylesheet" href="feuilleStylesGenerale.css" type="text/css" media="screen" />
  2. <!--[if lt IE 6]>
  3. <link rel="stylesheet" type="text/css" href="ie6.css" media="screen" />
  4. <! endif -->


La deuxième feuille de style ne sera applicable qu'à IE6 et versions inférieurs de IE. Ce n'est qu'un exemple.
Lassé par la pub ? Créez un compte
Tom's guide dans le monde