IE11. Bad height element in the table

Question

My problem is simply, a have table with labels and image link. Why, in IE11, labels height is not 100%? In Chrome and FF is work.

 <table>
        <tr>
            <td><a id="a2">sad</a></td>
              <td>
                  <label>asdasdasd</label>
            </td>
        </tr>
          <tr>
                <td><a id="a2">sad</a></td>
                  <td>
                      <label>asdad</label>
                </td>
            </tr>
    </table>

https://jsfiddle.net/newxfcfw/

Element <a> it has a different height in each row, 50px is only example.

possible duplicate of [IE display: table-cell child ignores height: 100%](http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100) — Etheryte, Aug 28 '15 at 09:06
Ok, I have seen you updated your question so deleted my comment but I don't have access to IE11 right now so cannot help. But you can inspect element in IE & try different `css` to find to actual issue. — Aks, Aug 28 '15 at 09:07
**You cannot use** `position: absolute:` in a table. The results are unpredictable. — connexo, Aug 28 '15 at 09:11

score 0 · Answer 1 · edited Aug 28 '15 at 09:42

0

Change the height in pixel:

label{
position:absolute;
display:block;
background:orange;
height:100%

}

label{
position:absolute;
display:block;
background:orange;
height:50px;

}

edited Aug 28 '15 at 09:42

Kirsteins

27,065
8
76
78

answered Aug 28 '15 at 09:07

Lalji Tadhani

14,041
3
23
40

Element it has a different height in each row, 50px is only example. I update fiddle. – devQwerty Aug 28 '15 at 09:34

IE11. Bad height element in the table

1 Answers1