Détail du bug css de la css : min-width


Explication de la gestion des bugs min-width css


Définition bugs min-width


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 de bugs css "non vérifiés", ils sont soit sur des navigateurs MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui

Bug min-width 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 :
Exemple de code :
#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 :
Exemple de code :
<div id="parent">expression expression expression expression expression expression expression expression expression expression expression</div>



Reporter un bug ou problème d'interprétationavec la propriété min-width