title: XHTML rowspan when using DOM
body: <p>Total beginner in HTML requesting help .. hoping for a 200 response. Something like that.</p>
  
  <p>Am dynamically creating a table using Javascript on the client side. I want that table to be something like that:</p>
  
  <pre><code>____________
  |    |     |
  |____|     |
  |    |     |
  |____|_____|
  </code></pre>
  
  <p>Of course not exactly like that .. that's pure ugly.</p>
  
  <p>My code:</p>
  
  <pre><code>if(i == 0) { 
                      var infoCell    = document.createElement("td");
                      var imgCell     = document.createElement("td");
  
                      infoCell.width  = "300px";
                      imgCell.width   = "300px";
  
                      infoCell.rowspan = "4";
                      imgCell.rowspan = "4";
  
                      //infoCell.height = "300px";
                      //imgCell.height  = "300px";
  
                      row.appendChild(infoCell);
                      row.appendChild(imgCell);
                  }
  
                  tbody.appendChild(row);
  </code></pre>
  
  <p>not working.... I get a cell at the top, while the rest is empty .... I would like to make the cell take the whole space.</p>
  
  <p>I can post the whole code, if needed .. but it's just too long.</p>