Explication de la gestion des bugs max-width CSS
Définition bug max-width CSS
Vous trouverez ci-dessous divers bugs d'interprétation de la CSS max-width.
Ces bugs ont été transmis par les internautes du site.
J'ai vérifié certains bugs mais pour la plupart des bugs CSS "non vérifiés", c'est que je ne possède pas le navigateur sur lequel a été détecté le bug.
Ceux que j'ai pu visualiser sont notés :
Bug vérifié : oui.
Bug max-width CSS n° 1
Bug max-width mis par Dmc
Système d'exploitation : windows xp
Navigateur : Internet Explorer 6
Bug vérifié : oui
Problème avec max-width:
La propriété de feuille de style css max-width ne fonctionne pas sous ie < 7
Solution du problème par DMC :
Si le block ne doit pas bouger lorsqu'on redimensionne la fenêtre window.
Vous pouvez utiliser la propriété de feuille de style css expression qui est reconnue que par Internet Explorer.
Le code CSS :#parent{
width:50%;
height:10%;
min-width:200px;
max-width:610px;
width:expression(document.getElementById('parent').offsetWidth < 400? '400px' : '610px');
text-align:center;
vertical-align:middle;
border:1px solid red;
vertical-align: middle;
}
Code HTML : <div id="parent">expression expression expression expression expression expression expression expression expression expression expression</div>