Colspans in Opera Browsers not working right.

Question

Ok, I can't understand the problem here but this looks fine in all browsers cept Opera.

The HTML Code is as follows:

<table width="395" height="214" border="1">
  <tr>
    <td colspan="2">Here is some content in here that has 2 colspans</td>
    <td width="137">This only has 1 colspan.</td>
  </tr>
  <tr>
    <td width="113">This has only 1 colspan also.</td>
    <td colspan="2">This cell has 2 colspans now and should look presentable hopefully.</td>
  </tr>
  <tr>
    <td colspan="3">This cell has 3 colspans within this table and should fill up the entire width of the table.</td>
  </tr>
</table>

Now the Output looks like this in Opera:

But how do I make it look like this (as all other browsers look like):

The problem is actually much deeper than this, but this is the main basic overall problem.

Answer 1

I would try giving explicit css classes with explicit widths to every td.

<td class="foo">

.foo { width:200px; }.

Make sure the math adds up properly.

Answer 2

Seems like a bug :-/ I've found your bug report, thanks. I guess you need a hack where you add one row that has the total expected number of cells and style it to be invisible.. :-(