IE установка высоты строки не работает при использовании rowspan

Question

Просто интересно, почему следующий HTML не работает. По сути, когда я устанавливаю rowspan для строки таблицы, IE, кажется, игнорирует те высоты, которые я установил:

<table border="1" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td height="20">A</td>
    <td align="center" rowspan="3">
      Test
      <br />Test
      <br />Test
      <br />Test
      <br />Test
      <br />Test
      <br />Test
    </td>
  </tr>
  <tr>
    <td height="20">B</td>
  </tr>
  <tr>
    <td>C</td>
  </tr>
</table>

Кто-нибудь знает, почему он так себя ведет?

Answer 1

Я считаю, что здесь происходит то, что IE расширит оставшееся свободное место, чтобы заполнить высоту второго TD в первом TR, который охватывает все три строки.

Рассмотрим этот пример:

<table border="1" cellpadding="0" cellspacing="0" width="100%">
  <tr height="30px">
    <td>
      A
    </td>
    <td align="center" rowspan="3">
      Test
      <br />Test
      <br />Test
      <br />Test
      <br />Test
      <br />Test
      <br />Test
    </td>
  </tr>
  <tr>
    <td height="60px">
      B
    </td>
  </tr>
  <tr>
    <td height="100%">
      C
    </td>
  </tr>
</table>

Здесь мы видим, что IE правильно отображает, потому что 60px + 30px = <общая высота второго столбца, поэтому мы говорим, что итоговое значение td равно высоте 100%, чтобы занять любое пространствоостаток, так что IE не распределяет его по строкам. </p>

Я пробовал несколько разных тестовых случаев, и это, похоже, подтвердилось.Сначала признать, что я могу ошибаться.