ansaurus

Question

Answer 1

+1 A:

the bottom cell will grow as you enter more text ... setting the table width will help too

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;

<head>
</head>
<body>
<table id="content" style="min-height:525px; height:525px; width:100%; border:0px; margin:0; padding:0; border-collapse:collapse;">
<tr><td style="height:10px; background-color:#900;">Upper</td></tr>
<tr><td style="min-height:515px; height:515px; background-color:#909;">lower<br/>
</td></tr>
</table>
</body>
</html>

roman m 2009-02-27 07:34:30

It does not work.

Billy 2009-02-27 07:37:49

try again ... copy/paste

roman m 2009-02-27 07:40:01

and stick all the other "view" properties into your style attribute, better yet - external css file :)

roman m 2009-02-27 07:41:05

Some clarifications:1. The height of second row may vary according to users' action and cannot be fixed.2. The height of the table is set to 525px so the table has a minimum height of 525px

Billy 2009-02-27 07:42:45

try it, bottom cell will grow with the content ... set width:50px; to see results quick

roman m 2009-02-27 07:55:38

It really works. Thanks a lot.

Billy 2009-02-27 08:38:59

if it really worked, you'd up-vote that :)

roman m 2009-02-27 09:02:20

Answer 2

A:

This works as long as you remove the height attribute from the table

<table id="content" border="0" cellspacing="0" cellpadding="0">
<tr><td height='9' bgcolor="#990000">Upper</td></tr>
<tr><td height='100' bgcolor="#990099">Lower</td></tr>
</table>

2009-02-27 08:07:43

Answer 3

A:

No, it doesn't work! I have the same problem. Here is example, whisch works ok with Opera and Mozilla, but FAIL whith IE.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;

<head>
</head>
<body>
<table id="content" border="0" cellspacing="0" cellpadding="0">
<tr><td height='9' bgcolor="#990000">Upper</td> <td rowspan=2>     a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br>a<br></td>
</tr>
<tr><td height='100' bgcolor="#990099">Lower</td></tr>
</table>
</body>
</html>

Stream 2010-06-02 12:42:38

ansaurus

tags:

views:

answers:

Fix height of a table row in HTML Table

related questions