Votre question

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

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
17 Mars 2009 18:42:32

Bonjour,

Voilà je fais un site internet, mais mon problème c'est que je n'obtiens pas le même résultat sous IE que sous Firefox donc je voulais savoir si ce serait possible de mettre une feuille CSS pour IE et une pour Firefox...

Merci beaucoup ,

Cordialement,

S3000

Autres pages sur : feuilles style dufferentes firefox

17 Mars 2009 18:48:15

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
18 Mars 2009 14:43:04

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.
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS