Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

use initial width for element not working in IE

I have a graph plugin that inserts canvas and a legend <table> to its container. In this plugin the table has no width defined and in my CSS there is a width for tables inside that container were my plugin gets inserted.

So, the new div is inheriting table{ width: 100%} from the CSS and rendering wrong.

I tried to use width: initial;, looks good on Chrome but IE doesn't like it check browser compatibility

I admit changing/forcing a inline CSS in the script/plugin since it has to work in any enviroment.

What is the best solution here?

like image 787
Rikard Avatar asked Dec 29 '13 07:12

Rikard


2 Answers

Like you said, generally width: auto will have a similar effect. Having the rules:

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

Should cause it to use initial if it's supported and auto otherwise.

like image 115
Mark Rhodes Avatar answered Nov 20 '22 00:11

Mark Rhodes


Using width: auto; inline, inside the script solves the problem on Chrome, FIrefox and IE 11. Just not sure if there is a better way.

like image 40
Rikard Avatar answered Nov 20 '22 01:11

Rikard