Forum Moderators: open

Message Too Old, No Replies

Row height in tables in NN4

how do I get it to work right?

         

david752

4:19 pm on May 14, 2002 (gmt 0)

10+ Year Member



The following HTML code works correctly in IE, showing a short first row and a long second row.

In NN 4.08 and 4.78, both rows have the same height (half the screen height).

How can I make NN4 show what IE shows?


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="NoteTab Pro">
<title>Test Showing NN4 Row Spacing Bug</title>
<style media=screen type="text/css">
.short {height: 50px; background-color: #00ccff; vertical-align: middle;}
.remain {background-color: #00cccc; vertical-align: middle;}
</style>
</head>
<body>
<h2>Test Showing NN4 Row Spacing Bug</h2>
<table border=0 cellpadding=0 cellspacing=0 width=100% height=90%>
<tr>
<td class=short>
Row 1 -- Should be 50 px high
</td>
<tr>
<td class=remain>
Row 2 -- Should be the remaining vertical space
</td>
</tr>
</table>
</body>
</html>

tedster

7:42 pm on May 14, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Netscape 4 doesn't support table row height - it's not even buggy support, it's NO support. The browser calculates the row height needed by its own algo, which only takes the content of the cells into account.

So the only fix I know of for NN4 is to include an invisible gif, sized to the height you want. If you're trying to maintain a "one full screen" layout across all monitors, this will probably get into using javascript to write the image sizes. Nasty stuff.

If anyone has kinder, gentler solution, I'd love to hear it.