Support div height 100% in td in Firefox

Tags: Firefox, div, td, height

Situation
table > tr > td> div
div height should be 100%

Problem
In Firefox div height 100% requires tr, td height to be equal to 100%.
In Chrome div height 100% becomes zero when tr, td height is set to 100%.

Solution
Setting tr, td height to be equal to 100% for target Firefox only

Code



...
        <tr>
          <td>
            <div></div>
          </td>
        </tr>
...


...
  @supports (-moz-appearance none)
  tr, td
    height 100%

  div
    height 100%
...

Documentation:

No Comments

Add a Comment