获取一张桌子以填充td中的100%高度

The*_*tor 4 css html5 html-table

我正在尝试用适当的HTML重写网站.我试图更换的网站是一个完整的混乱.我碰到的一个问题,我不能得到<table>填补的高度<td>它包含在.我试过设置height: 100%<table>,它基于谷歌和计算器的研究应该工作,但我必须失去了一些愚蠢的事.<divs>在切换到表格之前,我曾尝试做同样的事情,但<divs>如果有人可以建议如何做,我不反对回去.

我正在开发的内容目前在这里: http://96.0.22.228/

由于项目时间的限制,我不得不使用糟糕的黑客来正确查看页面.我没有声明<doctype>,我正在迫使IE使用IE7-quirks模式.我很想知道如何使用HTML5和CSS以适当的方式进行此布局.它不必支持旧版浏览器,但在Chrome,Firefox和IE的最新版本中看起来必须相同.我还想废除菜单的图像,并在CSS中为边框和菜单文本设置样式.

即使我必须按原样完成网站,如果对这个问题有一个很好的答案,我愿意回去修改它.

Spl*_*iFF 9

表格单元格中100%的高度始终是一种痛苦.从技术上讲,TD没有高度(因为这取决于其内容).你要求浏览器做的是让孩子100%的父母,这是其孩子的100%,这是其父母的100%......你可以看到这可能是一个问题.

您可以尝试向TD添加显式高度并使用table-layout:fixed固定在表上.至少通过这种方式,浏览器知道父级的高度,而不需要孩子的高度,但仍然可能无效.

您可能需要重新考虑如何进行此操作.