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).
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).
Deux methodes existent :
1. Javascript :
Voici le 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>
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>
2. Feuilles de style dans le head
<head>
...
<link rel="stylesheet" href="css/ff.css" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" href="css/ie6.css" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="css/ie7.css" type="text/css" />
<![endif]-->
</head>
Interressant
RépondreSupprimer