问题描述
|
我有一个带有表格的页面,我希望它的布局看起来像这样:
+------------+--------------+----------------------------------+
| 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 |
+------------+-------------------------------------------------+
除了将表格的高度限制为页面高度之外,我似乎能够使所有工作正常。如何使桌子高度等于页面高度?
这是一个示例页面。
我可以用jQuery在两分钟内完成此操作,但是我真的不想用Javascript做这么简单的事情。
编辑:仅在Firefox中进行了测试。它可能在其他浏览器中工作或可能不工作。
解决方法
像这样?
<table width=\"100%\" height =\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
<tr>
<td width=\"200px\" rowspan=\"2\"> </td>
<td width=\"300px\"> </td>
<td width=\"44%\"> </td>
</tr>
<tr>
<td colspan=\"2\"> </td>
</tr>
</table>