Explication de la gestion des bugs min-width CSS
Définition bug min-width CSS
Vous trouverez ci-dessous divers bugs d'interprétation de la CSS min-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 min-width CSS n° 1
Bug min-width mis par Dmc
Système d'exploitation : windows xp
Navigateur : Internet Explorer 6
Bug vérifié : oui
Problème avec min-width:
La propriété de feuille de style css min-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>