I have a server side script that is creating HTML to display a monthly calendar. I’m doing all sorts of logic to optomize the output so that all the events that span multiple days are printed first.
I’m having a problem when content for nonspanned cells expand the row height. As you can see here:
[url]http://www.christopherblair.net/img/calendar_problem.png
There is a big white space underneath the spanned entry on the 17-18th.
How can I modify that HTML so that it will not make that first nonspanned row not expand??? Any ideas? Here is the HTML:
<table style=’border-collapse: collapse; border: 1px’ width=”510″ border=”1″ cellspacing=”0″ cellpadding=”0″>
<tr valign=”middle” bordercolor=”#FFFFFF” bgcolor=”#333333″>
<td width=”14%” height=”30″><div class=’dayOfWeekLabel’>Sun</div></td>
<td width=”15%”><div class=’dayOfWeekLabel’>Mon</div></td>
<td width=”14%”><div class=’dayOfWeekLabel’>Tue</div></td>
<td width=”14%”><div class=’dayOfWeekLabel’>Wed</div></td>
<td width=”15%”><div class=’dayOfWeekLabel’>Thu</div></td>
<td width=”13%”><div class=’dayOfWeekLabel’>Fri</div></td>
<td width=”15%”><div class=’dayOfWeekLabel’>Sat</div></td>
</tr>
<TR>
<TD>16</TD>
<TD>17</TD>
<TD>18</TD>
<TD>19</TD>
<TD>20</TD>
<TD>21</TD>
<TD>22</TD>
</TR>
<TR>
<TD colspan=’1′ rowspan=’2′> </TD>
<TD colspan=’2′ rowspan=’1′><Table width=’100%’><tr><td bgcolor=’#C1F5CB’>New York Biotechnology Association’s…</td></tr></table></td>
<TD colspan=’1′ rowspan=’2′><Table width=’100%’><tr><td bgcolor=’#C1F5CB’>NY IT Training Workshop – DocXTools</td></tr></table></TD>
<TD colspan=’1′ rowspan=’2′><Table width=’100%’><tr><td bgcolor=’#C1A7C7′>Frankfurt Job Fair</td></tr><tr><td id=’Blink-4A48EB1F63F9C22385257147005CF27C-4′ onclick=”show_details(‘4A48EB1F63F9C22385257147005CF27C’, 1)” class=’entry’ class=’entry’ bgcolor=’#C1F5CB’ >Introduction to Structured Finance</td></tr><tr><td id=’Blink-E2D1E1F53B52DACC8525714E0074020C-4′ onclick=”show_details(‘E2D1E1F53B52DACC8525714E0074020C’, 1)” class=’entry’ class=’entry’ bgcolor=’#FED6AA’ >Tax Partner Monthly Meeting</td></tr></table></TD>
<TD colspan=’1′ rowspan=’2′><Table width=’100%’><tr><td bgcolor=’#C1F5CB’>NY IT Training Workshop – Section Breaks</td></tr><tr><td id=’Blink-05A16819DE52E92D8525714E004D7616-4′ onclick=”show_details(’05A16819DE52E92D8525714E004D7616′, 1)” class=’entry’ class=’entry’ bgcolor=’#B4DAEC’ >New York Intellectual Property Law…</td></tr></table></TD>
<TD colspan=’1′ rowspan=’2′> </TD>
</TR>
<TR>
<TD colspan=’1′ class=’brdr_R’><Table height=’100%’ border=’0′ cellspacing=’0′ cellpadding=’0′ border=’0′ width=’100%’><tr><td bgcolor=’#FED6AA’ >Office Holiday – London, Warsaw, Milan…</td></tr></table></TD>
<TD colspan=’1′ class=’brdr_R’><Table height=’100%’ border=’0′ cellspacing=’0′ cellpadding=’0′ border=’0′ width=’100%’><tr><td bgcolor=’#FED6AA’ >Wachovia On-Site</td></tr></table></TD>
</TR>
</table>