表行高度

我有一个表中的页面，我想它的布局看起来像这样：表行高度

+------------+--------------+----------------------------------+ 
| 200px wide | 300px wide |   Remaining width   | 
| 2 rows | 1 row  |    1 row    | 
|Page height |    | Height of image scaled to width | 
|   +--------------+----------------------------------+ 
|   |     Remaining width     | 
|   |     Remaining height    | 
|   |     1 row, 2 columns    | 
+------------+-------------------------------------------------+

我似乎能够得到的一切工作，除了限制表的高度页面高度。我如何让桌面高度等于页面高度？

这里是sample page。

我可以在两分钟内用jQuery做到这一点，但我真的不想用Javascript来做一些简单的事情。

编辑：只在Firefox中测试。它可能会或可能不会在其他浏览器中工作。

来源

2011-05-30 Peter Olson

我不是说这让你的问题更容易，但你不应该使用表格进行布局。 – 2011-05-30 20:03:19

我认为你可以使用div盒更容易做到这一点...你可以通过在表格标签中使用它来创建表格的高度：style =“height：100％;” – Cata 2011-05-30 20:03:42

我认为你的要求包含一个矛盾：如果图像的高度总是与单元格的宽度成正比，那么在宽的浅浏览器窗口中可能不会留下底部行的空间。 – NGLN 2011-05-30 21:04:57

是否这样？

<table width="100%" height ="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td width="200px" rowspan="2">&nbsp;</td> 
    <td width="300px">&nbsp;</td> 
    <td width="44%">&nbsp;</td> 
    </tr> 
    <tr> 
    <td colspan="2">&nbsp;</td> 
    </tr> 
</table>

来源

2011-05-31 05:16:09 Colby

回答

相关问题