Partagez | 
 

 [Javascript] Adapter votre CSS en fonction du navigateur

Voir le sujet précédent Voir le sujet suivant Aller en bas 
avatar

Miettes

Doyenne

Bons Points (BP) : 154
MessageSujet: [Javascript] Adapter votre CSS en fonction du navigateur   Ven 26 Juin - 8:22

Dernière édition par Miettes le Sam 15 Mai - 11:38, édité 1 fois
Les habitués de création de sites Internet le savent, il existe beaucoup de différences d’acceptation de codage entre les 2 navigateurs les plus utilisés : Internet Explorer et Mozilla Firefox.

Il faut donc parfois modifier son CSS afin qu’il s’adapte parfaitement aux 2 navigateurs (notamment si vous utilisez des div et position : absolue).

En fouinant sur le net, j’ai trouvé ce script, qui peut être utile à tous. Il permet de mettre en place 2 CSS différents : un pour tous les navigateurs et un pour Internet Explorer (c’est en général celui-ci qui pose problème). Il faut copier ce code dans le head de vos pages Internet.

Code:
 <script type="text/javascript">
var nomnav = navigator.appName;
if (nomnav == 'Microsoft Internet Explorer') {
  document.write("<link rel='stylesheet' media='screen' type='text/css' href='style_ie.css'>");
}
else {
  document.write("<link rel='stylesheet' media='screen' type='text/css' href='style.css'>");
}
</script>



___________________


avatar

Miettes

Doyenne

Bons Points (BP) : 154
MessageSujet: Re: [Javascript] Adapter votre CSS en fonction du navigateur   Jeu 15 Oct - 13:33
Et voilà un petit script pour adapter votre CSS en fonction de la version d'IE explorer (et oui, les versions n'acceptent parfois pas les mêmes choses Wink )

Code:
<script type="text/javascript">

function getInternetExplorerVersion()
// Returns the version of Internet Explorer or a -1
// (indicating the use of another browser)
{
 var rv = -1; // Return value assumes failure
 if (navigator.appName == 'Microsoft Internet Explorer')
 {
  var ua = navigator.userAgent;
  var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
  if (re.exec(ua) != null)
  rv = parseFloat( RegExp.$1 );
 }
 return rv;
}

var nomnav = navigator.appName;
var ver = getInternetExplorerVersion();

  if((navigator.appName.indexOf("Explorer") >= 0) && (ver==7))
  {
      document.writeln('<link href="css_ie7_ou_plus.css" media="all" rel="stylesheet" type="text/css" />');
 }else{
           if((navigator.appName.indexOf("Explorer") >= 0) && (ver==8 )) {
      document.writeln('<link href="css_pour_IE6.css" media="all" rel="stylesheet" type="text/css" />');
          }else{
             document.write("<link rel='stylesheet' media='screen' type='text/css' href='CSS_pour_autre_navig.css'>");
         }

}
   
</script>


Ce code est à placer entre les balises "head" de vos pages. Evidemment, vous pouvez adapter votre css à toutes les versions, il vous suffit de changer le "ver==7" .





Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

Idea N'oubliez pas de lire et de suivre les [règles de la section].

Je soussignée, Miettes,  accepte qu'un directeur reposte le tutoriel "[Javascript] Adapter votre CSS en fonction du navigateur" tel que je l'ai rédigé.
___________________


 

[Javascript] Adapter votre CSS en fonction du navigateur

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Plugins Firefox pour sécuriser votre navigateur.
» Boostez votre FireFox
» Quelle partie de votre cerveau utilisez-vous ?
» virus de navigateur internet
» Votre chanson préféré de NOEL c'est laquelle ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage-
Sauter vers:  
Espace Admin du site

©2008-2016 - School Of Progress - Toute reproduction totale ou partielle est interdite.
Design réalisé par Mewyn - Forum hébergé par forumactif.com

Les logos des SoPiens

Nos correspondants