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


Explication de la gestion des bugs max-width css


Définition bugs max-width


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 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 max-width 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 :
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é max-width