 | | Sujet: [Javascript] Adapter votre CSS en fonction du navigateur Ven 26 Juin - 7:22 | |
| 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> |
Dernière édition par Miettes le Sam 15 Mai - 10:38, édité 1 fois |
|
| | Sujet: Re: [Javascript] Adapter votre CSS en fonction du navigateur Jeu 15 Oct - 12: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  ) | 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" .
[Si vous avez un soucis, n'hésitez pas à venir poser vos questions par ici] |
|
