DOCTYPE и высота ячеек таблиц

skvor · March 21, 2012

<!--DOCTYPE html-->
<html>
  <head>
    <title></title>
    <style>
html { border: red dotted 1px; height: 100%; }
body { border: blue dotted 1px; height: 100%; }
body > table { border: red solid 1px; height: 100%; }
/*body > table > tbody > tr > td { height: 100%; }*/
body > table > tbody > tr > td > table { border: blue solid 4px; height: 100%; }
    </style>
  </head>
  <body>

    <table>
      <tbody>
        <tr>
          <td style="border: green dotted 3px;">

            <table>
              <tbody>
                <tr>
                  <td>
                  </td>
                </tr>
              </tbody>
            </table>

          </td>
        </tr>
      </tbody>
    </table>

  </body>
</html>

В исходном варианте "всё нормально" - вложенная таблица имеет полную высоту. Но если раскомментировать DOCTYPE, то вложеная таблица "схлопывается". Для решения надо определить (раскомментировать) четвёртую строку стиля. Получается, что высота ячейки первой таблицы (при DOCTYPE) меньше высоты таблицы или изначально имеет нулевую высоту, и "растягивается" контентом. Где в стандартах это определяется?

Спасибо

Edited March 21, 2012 by skvor

Nanto · March 21, 2012

<html>
  <head>
    <title></title>
    <style>
html { border: red dotted 1px; height: 100%; }
body { border: blue dotted 1px; height: 100%; }
body > table { border: red solid 1px; height: 100%; }
/*body > table > tbody > tr > td { height: 100%; }*/
body > table > tbody > tr > td > table { border: blue solid 4px; height: 100%; }
    </style>
  </head>
  <body>

    <table>
      <tbody>
        <tr>
          <td style="border: green dotted 3px;">

            <table>
              <tbody>
                <tr>
                  <td>
                  </td>
                </tr>
              </tbody>
            </table>

          </td>
        </tr>
      </tbody>
    </table>

  </body>
</html>
В исходном варианте "всё нормально" - вложенная таблица имеет полную высоту. Но если раскомментировать DOCTYPE, то вложеная таблица "схлопывается". Для решения надо определить (раскомментировать) четвёртую строку стиля. Получается, что высота ячейки первой таблицы (при DOCTYPE) меньше высоты таблицы или изначально имеет нулевую высоту, и "растягивается" контентом. Где в стандартах это определяется?
Спасибо

В FF11 и Хроме17 полёт нормальный, Опера11.61 и IE9 "схлопывают". Особенности движка:

http://htmlbook.ru/samhtml/tablitsy/vlozhennye-tablitsy

Sign In

DOCTYPE и высота ячеек таблиц

Question

skvor

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Nanto

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information