Faire fonctionner min-width et max-width avec Internet Explorer
minmax.js est un script javascript qui permet de faire fonctionner correctement les attributs min-width
et max-width
de manière transparente avec Internet Explorer 5+.
Pour l'utiliser, il suffit simplement d'insérer un lien vers ce module dans votre page HTML :
<script type="text/javascript" src="minmax.js"></script>
Pour éviter un téléchargement inutile du fichier pour les autres navigateurs, on peut même écrire ce code de la manière suivante :
<!--[if IE]> <script type="text/javascript" src="minmax.js"></script> <![endif]-->
Note : il faut noter que IE7 (IE8 ?) intègre ce support mais reste beaucoup plus lourd � mettre en place.
Une autre manière de faire peut être d'utiliser les expressions dans votre feuille de style (uniquement avec Internet Explorer) :
min-width: 780px; max-width: 1004px; width: expression(document.body.clientWidth > 1014 ? "1004px":( document.body.clientWidth < 800? "780px" :"100%" ));
Les navigateurs ne connaissant pas ce type d'expression au sein même d'une feuille de style ne prendront pas en compte la valeur de l'attribut width
défini ici.
Commentaires
Il n'y a aucun commentaire ; soyez le premier à déposer le vôtre.
Ajouter un commentaire
Il n'est plus possible de réagir à cette entrée directement mais si vous pensez que votre intervention peut être intéressante, envoyez-moi votre commentaire, je l'ajouterai ici en votre nom.