web-dev-qa-db-fra.com

utiliser la largeur initiale pour un élément ne fonctionnant pas IE

J'ai un plugin graphique qui insère une toile et une légende <table> à son conteneur. Dans ce plugin, la table n'a pas de width définie et dans mon CSS, il existe une largeur pour les tables à l'intérieur de ce conteneur dans lequel mon plugin est inséré.

Donc, la nouvelle div hérite de table{ width: 100%} du CSS et rendu faux.

J'ai essayé d'utiliser width: initial;, semble bien sur Chrome mais IE ne l'aime pas vérifier la compatibilité du navigateur

J'admets changer/forcer un CSS en ligne dans le script/plugin car il doit fonctionner dans n'importe quel environnement.

Quelle est la meilleure solution ici?

cssinternet-explorercross-browserwidth
101
Rikard

Comme tu l'as dit, généralement width: auto aura un effet similaire. Avoir les règles:

.my-selector {
    width: auto;
    width: initial;
}

Cela devrait lui faire utiliser initial s'il est pris en charge et auto sinon.

173
Mark Rhodes

En utilisant width: auto; inline, le script résout le problème sous Chrome, FIrefox et IE 11.). Je ne sais pas s'il existe un meilleur moyen.

5
Rikard