Rowspan/Colspan issues

windows · Jan 10, 2008

Hello - I'm an experienced HTML coder, but this one has me scratching my head. I'm guessing that it boils down to IE having a parsing problem, but maybe not. 
 
I'm trying to create a 3x3 table that looks something like this: <a class="postlink" href="http://www.richkindle.com/graphics/3x3.gif">http://www.richkindle.com/graphics/3x3.gif</a> 
 
Here's the code: 
<table cellspacing="0" cellpadding="0" border="1" bordercolor="#FF0000"> 
<tr> 
<td width="40" height="80" rowspan="2"><img src=http://www.htmlforums.com/archive/index.php/"images/clear.gif" alt="" width="40" height="80" border="0"></td> 
<td width="10" height="90" rowspan="3"><img src=http://www.htmlforums.com/archive/index.php/"images/clear.gif" alt="" width="10" height="90" border="0"></td> 
<td width="40" height="10"><img src=http://www.htmlforums.com/archive/index.php/"images/clear.gif" alt="" width="40" height="10" border="0"></td> 
</tr> 
<tr> 
<td width="40" height="80" rowspan="2"><img src=http://www.htmlforums.com/archive/index.php/"images/clear.gif" alt="" width="40" height="80" border="0"></td> 
</tr> 
<tr> 
<td width="40" height="10"><img src=http://www.htmlforums.com/archive/index.php/"images/clear.gif" alt="" width="40" height="10" border="0"></td> 
</tr> 
</table> 
 
Mozilla renders it perfectly, but IE6 murders it! 
 
Any suggestions? 
 
Thanks - Richtry this... 
 
<table border="1" style="height:100px;"><tr> 
<td rowspan="2">test</td><td rowspan="3">test</td><td style="height:10px;">test</td> 
</tr><tr> 
<td rowspan="2">test</td> 
</tr><tr> 
<td style="height:10px;">test</td> 
</table>Thanks for the reply, but your solution fails in Mozilla. I'll play with using the style attribute and see if that gets me any further. 
 
Any other suggestions?You must have the same number of columns in each row, using either individual <td> elements, or <td> elements with a colspan attribute. 
 
I don't think that your example adds up correctly.Thanks for the reply - I've checked, rechecked and checked again - the columns add up. Sometimes it's difficult to make sure of that when you have multiple colspan and rowspan entries, but these add up, I'm certain. 
 
I've found a way to get around the IE parsing error by making a small concession to my design. I split the middle column into 3 rows instead of having a rowspan of 3. I took a snapshot of each of the two browsers with the old design and tne new design for easier reference (<a class="postlink" href="http://www.richkindle.com/graphics/3x3_new.gif">http://www.richkindle.com/graphics/3x3_new.gif</a>). The new design code is as follows: 
 
<table cellspacing="0" cellpadding="0" border="1" bordercolor="#FF0000"> 
<tr> 
<td rowspan="2"><img src=http://www.htmlforums.com/archive/index.php/"images/clear.gif" alt="" width="40" height="80" border="0"></td> 
<td><img src=http://www.htmlforums.com/archive/index.php/"images/clear.gif" alt="" width="10" height="10" border="0"></td> 
<td><img src=http://www.htmlforums.com/archive/index.php/"images/clear.gif" alt="" width="40" height="10" border="0"></td> 
</tr> 
<tr> 
<td><img src=http://www.htmlforums.com/archive/index.php/"images/clear.gif" alt="" width="10" height="70" border="0"></td> 
<td rowspan="2"><img src=http://www.htmlforums.com/archive/index.php/"images/clear.gif" alt="" width="40" height="80" border="0"></td> 
</tr> 
<tr> 
<td><img src=http://www.htmlforums.com/archive/index.php/"images/clear.gif" alt="" width="40" height="10" border="0"></td> 
<td><img src=http://www.htmlforums.com/archive/index.php/"images/clear.gif" alt="" width="10" height="10" border="0"></td> 
</tr> 
</table> 
 
I think this will work for me, though I would have preferred my original design. This is just a piece of a larger design for a webpage, but this is where my formatting was getting messed up. 
 
Thanks IE.

Rowspan/Colspan issues

windows

Guest