Problems with table in IE

Question

Problems with table in IE

Navigation

#1 by (3 votes)
#2 by (3 votes)
#3 by (1 votes)

3

In IE,% cells of% do not accept CSS values.

td:first-child{
  width: 52%;
}

I created a jsFiddle with the html / css table:

link

html css internet-explorer

asked by anonymous 05.02.2014 / 14:16

3 answers

Doubt in filtering a Query in SQL Release access to page 404.html with .htaccess

score 3 · Answer 1

Try adding this goal:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

Tried to use the hacks?

There are some here:

#element {
    color:orange;
}
#element {
    *color: white;    /* IE6+7, doesn't work in IE8/9 as IE7 */
}
#element {
    _color: red;     /* IE6 */
}
#element {
    color: green<meta http-equiv="X-UA-Compatible" content="IE=9" />
/IE8+9; /* IE8+9  */
}
:root #element { color:pink #element {
    color:orange;
}
#element {
    *color: white;    /* IE6+7, doesn't work in IE8/9 as IE7 */
}
#element {
    _color: red;     /* IE6 */
}
#element {
    color: green%pre%/IE8+9; /* IE8+9  */
}
:root #element { color:pink %pre%/IE9; }  /* IE9 */
/IE9; }  /* IE9 */

Source: link

score 3 · Answer 2

Is your document tagged with <doctype> well-defined?

Try using the esoteric doctype, which triggers the "default mode" in IE, such as <!doctype html> , which should be inserted at the beginning of the HTML document.

The pseudo class :first-child is one of many CSS features that are not supported by IE in "Quirks Mode". See more about Quirks Mode at link .

See also the Microsoft documentation on this topic: link

Source: link

score 1 · Answer 3

RESOLVED

The problem was in: before

tbody:before {
  line-height:10px;
  content:"-";
  color: transparent;
  display:block;
}

I changed to:

tbody:before {
  height:10px;
  content:"";
  display:block;
}

This eliminated the space between thead and tbody in IE, but at least corrected the table.