Hi
In a complex table construct (it's a dynamically generated calendar) i'm using differrent rowspans to display overlapping events in a daily view.
each "eventBox" is filled with a table that i stretch to 100% height by adding:
- 100% height to the rowspanned TD where the table is nested
- 100% heigth to the nested table
- 100% height to the content TD in the nested table
this works just great for IE on PC and mac.
on safari it's only to forget about having the tables stretched, but i really thought that it should work on NS 7.1...
what i get on NS is a very strange display where one (and sometimes two) of the nested tables stretches up to the 100% height, the rest of the nested tables just stays in the height they get from the content.
it could be solved by adding a pixel height to the nested table - unconvienient since i the need to dynamically calctulate the each tables heigt based on the actual rowspan...
and...
i must put the content in a nested table because of the complexity like:
category colored vertical bars, arrows pointing up or/and down
the page looks just perfect in IE:
http://www.astroem.ch/CSS/nestedTables.gifis there a solution to make the tables streching properly to 100% on Netscape?
/ joergen
--------------------------
----------
----------
----------
some code fragment to test with
not viewable in this demo is a left column
where the time grid 15, 30 or 60 minutes
is placed
--------------------------
----------
----------
----------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="500" border="1" cellspacing="2" cellpadding="2">
<tr>
<td height="100%" rowspan="4"><table width="100%" height="100%" border="1" cellpadding="2" cellspacing="2">
<tr>
<td height="100%"> i am a table with 100% height in a td with 100% height. </td>
</tr>
</table></td>
<td> </td>
<td nowrap>Some text </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="100%" rowspan="5">
<table width="100%" height="100%" border="1" cellpadding="2" cellspacing="2">
<tr>
<td height="100%">i am a table with 100% height in a td with 100% height.</td>
</tr>
</table></td>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="100%" rowspan="4"><table width="100%" height="100%" border="1" cellpadding="2" cellspacing="2">
<tr>
<td height="100%">i am a table with 100% height in a td with 100% height.</td>
</tr>
</table></td>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
