Closed Bug 211437 Opened 22 years ago Closed 22 years ago

a table has the height set to 100%. The individual rows have only 1 cell each and each cell has a height defined in %s. The percentages add up to 100%. The resulting table is not 100% in height. It only takes the height of the elements in the table...

Categories

(Core :: Layout: Tables, defect)

x86
Windows 2000
defect
Not set
major

Tracking

()

RESOLVED INVALID

People

(Reporter: rpynda, Unassigned)

Details

User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4) Gecko/20030624 Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4) Gecko/20030624 <html> <head> <title>Feith Document Database</title> <link href="css/master.css" rel="stylesheet" type="text/css"> <script language="javascript"> function about() { var width = 300; var height = 400; var screenX = (800 - width)/2; var screenY = (600 - height)/2 - 10; if(screen!=null) { screenX = (screen.width - width)/2; screenY = (screen.height - height)/2 - 10; } window.open('about.jsp', 'about_fdd', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width='+width+',height='+height+',screenX='+screenX+',screenY='+screenY+',left='+screenX+',top='+screenY); } function selectDB(db) { } function processSubmit() { return true; } </script> </head> <body> <form name="logonForm" method="POST" action="/webfdd/logon.do;jsessionid=DBF960F2DAC7C410ABA6E9C20C759054" onsubmit="return processSubmit();"> <input type="hidden" name="_forward" value=""> <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td height="5%"></td></tr> <tr> <td class="Title" height="30%" align="center"> <div align="center">Feith Document Database</div></td> </tr> <tr> <td height="5%"> <table width="300" border="0" cellspacing="4" cellpadding="0" align="center"> <tr> <td align="center">Username</td> <td align="left"><input type="text" name="username" maxlength="16" size="16" value="" class="input"></td> </tr> <tr> <td align="center">Password</td> <td align="left"><input type="password" name="password" maxlength="16" size="16" value="" class="input"></td> </tr> <tr> <td align="center">Database</td> <td align="left"><select name="database" size="1" onchange="selectDB(this.value);return true;" class="input"><option value="fdd7_pecan">fdd7_pecan</option> <option value="fdd7_filbert">fdd7_filbert</option> <option value="fdd7_filbert(2)">fdd7_filbert(2)</option> <option value="sharepoint">sharepoint</option></select> </td> </tr> <tr> <td align="center" colspan="2"> <input type="checkbox" name="remember_login" value="on"> Log me in automatically </td> </tr> <tr><td colspan="2"><br></td></tr> <tr> <td colspan="2" align="center"><input type="submit" name="submit" value="&nbsp;Login&nbsp;" class="input"></td></tr> </table> </td> </tr> <tr> <td height="30%" align="center" valign="middle"> <A href="http://www.feith.com"> <img src="images/feith.gif" border="0"> </A> </td> </tr> <tr> <td height="30%" valign="bottom" align="center"> <table align="center"> <tr> <td align="center" colspan="2"> <font color="#999999">Copyright &copy; 1990 - 2003 Feith Systems and Software, Inc. All Rights Reserved.</font> </td> </tr> <tr> <td align="right"><a href='#' onClick="about(); return false;" target="_blank" style="text-decoration:none"><font color="#000000">Version 7.1.6.0</font> </a></td> <td align="left"> <a href="http://www.feith.com" target="_blank"><img src="images/MiniLogo.gif" border="0" title="Feith Document Database"></a> </td> </tr> </table> </td> </tr> </table> </form> </body> </html> <script language="javascript"> selectDB(document.forms[0].database.value); if(!document.forms[0].username.disabled) document.forms[0].username.focus(); </script> Reproducible: Always Steps to Reproduce: 1. 2. 3.
Um... When you set a percentage height on a "td", that's a percentage of the height of the _row_, no?
Yes, the percentage on <td> should set the height for the row. Check IE 6 for expected behaviour. This problem did not appear in earlier versions of mozilla.
When the form tag was moved within the table tag, the expected behaviour appeared. I guess the form has a height attribute as well.
Status: UNCONFIRMED → RESOLVED
Closed: 22 years ago
Resolution: --- → FIXED
.
Status: RESOLVED → UNCONFIRMED
Resolution: FIXED → ---
changing from FIXED (which implies that something was checked in to Mozilla to fix it) to INVALID
Status: UNCONFIRMED → RESOLVED
Closed: 22 years ago22 years ago
Resolution: --- → INVALID
The original summary for this bug was longer than 255 characters, and so it was truncated when Bugzilla was upgraded. The original summary was: a table has the height set to 100%. The individual rows have only 1 cell each and each cell has a height defined in %s. The percentages add up to 100%. The resulting table is not 100% in height. It only takes the height of the elements in the table cells.
You need to log in before you can comment on or make changes to this bug.