Html 嵌套在rowspan表格单元格中的表格不'；t在所有浏览器中填充单元格高度_Html_Css

Html 嵌套在rowspan表格单元格中的表格不'；t在所有浏览器中填充单元格高度

html css

Html 嵌套在rowspan表格单元格中的表格不'；t在所有浏览器中填充单元格高度,html,css,Html,Css,我无法理解为什么嵌套表（标记为红色）没有占据外部（标记为绿色）表单元格（跨越8行）的全部高度。这过去是可行的，但较新的浏览器不允许嵌套表格占据外部表格单元格的全部高度。IE11的兼容性视图仍然显示这占据了整个高度，其他所有视图都没有。我需要在代码中更改什么？将height=“100%”添加到表中没有帮助代码： 11:00 11:15-15:15 供应商会议（兰开夏郡）Janice Elland 11:00 带有额外的div和table布局：按建议固定： 11:00 11:15-15:

我无法理解为什么嵌套表（标记为红色）没有占据外部（标记为绿色）表单元格（跨越8行）的全部高度。这过去是可行的，但较新的浏览器不允许嵌套表格占据外部表格单元格的全部高度。IE11的兼容性视图仍然显示这占据了整个高度，其他所有视图都没有。我需要在代码中更改什么？将height=“100%”添加到表中没有帮助

代码：


11:00
11:15-15:15

供应商会议（兰开夏郡）Janice Elland

11:00

带有额外的div和table布局：按建议固定：


11:00
11:15-15:15

供应商会议（兰开夏郡）Janice Elland

11:00

更新2 我做了一张新桌子，因为OP提供的小提琴太乱了。幸运的是，它说明了问题所在。嵌套的表格没有扩展

行跨td的完整高度，因此带有rowspan=“8”

的

td中的表格高度只有2行，而不是8行
要知道的最重要的事情是：
（对于本例，具有嵌套表的td
是：.parent
）

应用最小高度：100%
和最小宽度：100%至。父项

注释掉.parent
下的td
（即同一列中的td
），总计.parent
行span

-1

例如
.parent
位于第一列/第三行
注释掉下一个4tdin:
第一列/第四行
第一列/第五行
第一列/第六行
第一列/第七行


构造嵌套表时，需要执行以下操作：

使
的数量与.parent
的行span
每个
应有相等数量的列
不必为t车身


下面的演示带有注释，说明了获得所需效果所需的内容。我松散地使用required这个术语，因为您可能需要调整某些测量值（例如，填充、宽度等）

更新1
由于这涉及到另一个表中的一个表，请尝试：

使用

.css文件或块

表{表布局：固定；}


或

内联

更新2
我做了一张新桌子，因为OP提供的小提琴太乱了。幸运的是，它说明了问题所在。嵌套的表格没有扩展行跨td的完整高度，因此带有rowspan=“8”
的td中的表格高度只有2行，而不是8行
要知道的最重要的事情是：
（对于本例，具有嵌套表的td
是：.parent
）

应用最小高度：100%
和最小宽度：100%至。父项

注释掉.parent
下的td
（即同一列中的td
），总计.parent
行span
-1

例如
.parent
位于第一列/第三行
注释掉下一个4tdin:
第一列/第四行
第一列/第五行
第一列/第六行
第一列/第七行


构造嵌套表时，需要执行以下操作：

使
的数量与.parent
的行span
每个
应有相等数量的列
不必为t车身


下面的演示带有注释，说明了获得所需效果所需的内容。我松散地使用required这个术语，因为您可能需要调整某些测量值（例如，填充、宽度等）

更新1
由于这涉及到另一个表中的一个表，请尝试：

使用

.css文件或块

表{表布局：固定；}


或

内联

谢谢你的回答。我试过这个，但没什么变化：你会拉小提琴吗？等待尝试使用：table style=“table layout:fixed；display:inline table
添加display:inline table也没有帮助。我创建了一个fiddle。非常感谢您。我需要更多时间来研究这个问题，以及您的解决方案是否有效。我会尽快通知您。非常欢迎您，先生。当然没有截止日期（这就是为什么这不起作用；-）），谢谢你的回答。我试过了，但没什么变化：你能做小提琴吗？等等..试着使用：table style=“table layout:fixed；显示：内联表添加显示：内联表也没有帮助。我做了一把小提琴，非常感谢你。我需要更多的时间来研究这个问题，以及你的解决方案是否有效。我一知道就告诉你。不客气，先生。当然没有最后期限（这就是为什么这不起作用；-），
    <tr>
      <td class="NameColumnCaption" valign="top" bgcolor="#c0c0c0" style="height: 19px;">11:00</td>
      <td class="weekdetails" bgcolor="#f0f0f0" rowspan="8" colspan="10" style="cursor:pointer" ondblclick="modifyMeeting(&quot;212&amp;dispUser=Janice%20Elland&amp;globObjID=&quot;, 9);" onclick="detailview(&quot;oneweek.asp?Q=Janice%20Elland&amp;D=-4&quot;);hN(33);" onmousemove="sN(33)" onmouseout="hN(33)">
        <table class="tdnor" width="100%" id="tbl" cellspacing="0" cellpadding="3" bgcolor="white">
          <tbody>
            <tr>
              <td width="5" bgcolor="#99ccff" style="height: 19px;"><img src="b1.gif" width="2px" height="10px" border="0"></td>
              <td class="WeekDetails" valign="top" style="height: 19px;">
                <font color="#0000cc">11:15-15:15</font><br>
                <font color="#000000">Supplier Meeting</font> (Lancashire)Janice Elland<br>
                <table width="100%" border="0" cellpadding="0" cellspacing="0"></table>
              </td>
            </tr>
          </tbody>
        </table>
      </td>
      <td valign="top" class="WeekDetails" bgcolor="#f0f0f0" colspan="10" onmousemove="sN(0)" onmouseout="hN(0)" onclick="Meeting2(&quot;&amp;D=-2&quot;,&quot;11&quot;,&quot;Janice%20Elland&quot;);" style="height: 19px;"></td>
      <td valign="top" class="WeekDetails" bgcolor="#f0f0f0" colspan="10" onmousemove="sN(0)" onmouseout="hN(0)" onclick="Meeting2(&quot;&amp;D=-1&quot;,&quot;11&quot;,&quot;Janice%20Elland&quot;);" style="height: 19px;"></td>
      <td valign="top" class="WeekDetails" bgcolor="#95cc68" colspan="10" onmousemove="sN(0)" onmouseout="hN(0)" onclick="Meeting2(&quot;&amp;D=0&quot;,&quot;11&quot;,&quot;Janice%20Elland&quot;);" style="height: 19px;"></td>
      <td class="NameColumnCaption" valign="top" bgcolor="#c0c0c0" style="height: 19px;">11:00</td>
    </tr>

    <tr>
      <td class="NameColumnCaption" valign="top" bgcolor="#c0c0c0" style="height: 19px;">11:00</td>
      <td class="weekdetails" bgcolor="#f0f0f0" rowspan="8" colspan="10" style="cursor:pointer" ondblclick="modifyMeeting(&quot;212&amp;dispUser=Janice%20Elland&amp;globObjID=&quot;, 9);" onclick="detailview(&quot;oneweek.asp?Q=Janice%20Elland&amp;D=-5&quot;);hN(33);" onmousemove="sN(33)" onmouseout="hN(33)">
        <div style="height: 100%; min-height: 70px;">
          <table width="100%" id="tbl" cellspacing="0" style="table-layout: fixed;border:1px solid #404040;" cellpadding="3" bgcolor="white">
            <tbody>
              <tr>
                <td width="5" bgcolor="#99ccff" style="height: 19px;"><img src="b1.gif" width="2px" height="10px" border="0"></td>
                <td class="WeekDetails" valign="top" style="height: 19px;">
                  <font color="#0000cc">11:15-15:15</font><br>
                  <font color="#000000">Supplier Meeting</font> (Lancashire)Janice Elland<br>
                  <table width="100%" border="0" cellpadding="0" cellspacing="0"></table>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </td>
      <td valign="top" class="WeekDetails" bgcolor="#f0f0f0" colspan="10" onmousemove="sN(0)" onmouseout="hN(0)" onclick="Meeting2(&quot;&amp;D=-3&quot;,&quot;11&quot;,&quot;Janice%20Elland&quot;);" style="height: 19px;"></td>
      <td valign="top" class="WeekDetails" bgcolor="#f0f0f0" colspan="10" onmousemove="sN(0)" onmouseout="hN(0)" onclick="Meeting2(&quot;&amp;D=-2&quot;,&quot;11&quot;,&quot;Janice%20Elland&quot;);" style="height: 19px;"></td>
      <td valign="top" class="WeekDetails" bgcolor="#f0f0f0" colspan="10" onmousemove="sN(0)" onmouseout="hN(0)" onclick="Meeting2(&quot;&amp;D=-1&quot;,&quot;11&quot;,&quot;Janice%20Elland&quot;);" style="height: 19px;"></td>
      <td class="NameColumnCaption" valign="top" bgcolor="#c0c0c0" style="height: 19px;">11:00</td>
    </tr>

<td>
 <div style="height: 100%; min-height: 70px;">
      "Cell Content"
 </div>
 </td>