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.

Posté le Friday 25 February 2005 dans .

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.