[RESOLU] IE8, input width %

Salut à tous
Un petit problème que je n'avais jamais rencontré et pour lequel l'ami google et autres ressources spécialisées ne m'aident pas à y voir plus clair.
Je suis dans le cas ou tout est ok sur l'ensemble des navigateurs modernes (y compris ie6 & ie7 avec une feuille dédiée) mais pas ie8. Rien de bien méchant, juste la largeur des input définies en % à l'intérieur de conteneur eux mêmes définis en %, en code :

form input:not([type=radio]), form textarea {  background: #ffffff; border: solid 2px #eaeaea; outline: none; padding: 1%; width: 98%; max-width:98%; }

Le problème est que l'input ne prends pas toute la largeur disponible... et pour finir ce qui m'étonne le plus c'est que ses pires ancêtres ie6 & ie7, avec leur feuille dédiée et un
input{ max-width:98%; width:98%;} se comportent comme attendus...

Vous avez déjà vécu ça ?
Modifié par franckbret (30 Sep 2010 - 13:39)

Bonjour,

Le problème vient peut-être du sélecteur :not() qui ne semble pas interprété par IE8.

Après un petit test, il s'avère que les styles ne seront pas pris en compte avec cette écriture :

form input[type=text],
form input:not([type=radio]), 
form textarea  { ... }

Alors que ça fonctionnera très bien avec cette écriture :

form input[type=text],
form textarea  { ... }

La simple présence du sélecteur :not () déboussole IE8.

Ah mais oui logique, j'avais pas pensé à ça, merci.

Le problème est-il résolu ?


Si c'est le cas, n'hésite pas à modifier le titre du sujet.