max largeur et solution max-hauteur dans Internet Explorer

Question

Dans cette page:

http://tinyurl.com/widthheight

J'utilise max-width et max-hauteur. Fonctionne bien pour Firefox, Chrome, Opera, Epiphany, ect mais pas Internet Explorer.

.

Quelle solution recommandez-vous dans ce cas?

Je dois limiter la largeur maximale de 180px et la hauteur maximale de 180px.

Answer 1

Essayez d'ajouter ceci pour IE max-width:

.maxwidth { 
    zoom:1; 
    maxwidth:expression(
     function(t){ 
      var w = t.parentNode.scrollWidth; 
      if (w != t.w) { 
       t.w = w; 
       var max = parseInt(t.currentStyle['max-width'], 10); 
       t.style.width = 'auto'; 
       if (t.scrollWidth > max) { 
        t.style.width = max; 
       } 
      } 
     }(this) 
    ); 
} 

Answer 2

un coup d'oeil à ce hack - Je ne pense pas que IE prend en charge la largeur max correctement

http://www.svendtofte.com/code/max_width_in_ie/

Answer 3

Découvrez cette ressource: Max width workaround for IE 6+. Notez que cela ne fonctionnera pas pour les utilisateurs avec Javascript désactivé.

Answer 4

Les solutions ci-dessus implantera max largeur/hauteur dans IE, mais je voulais simplement mentionner que si la performance est un problème, vous pourriez Je veux regarder dans la génération de vignettes réelles au lieu de compter sur le dimensionnement HTML/CSS.

Les miniatures se traduiraient par une taille de fichier plus petite, et vous pourriez éventuellement les recadrer pour améliorer votre direction visuelle. Il permettrait également de contourner le besoin de JavaScript et/ou les implications de performances négatives des expressions CSS.

ne sont peut-être réalisable d'un point de vue de l'entretien, mais je me suis dit, je le mentionner ...