Colspans в Opera Браузеры не работают правильно

Question

Я не могу понять проблему здесь, но это выглядит хорошо во всех браузерах, кроме Opera.

Код HTML выглядит следующим образом:

<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>

Теперь вывод выглядит в Opera следующим образом:

Но как мне сделать так, чтобы все выглядело так (как все остальные браузеры):

Проблема на самом деле гораздо глубже, но это основная основная общая проблема.

Answer 1

Эта ошибка существует в Opera 9, 10, 11 и 12.

Opera считает количество столбцов максимальным количеством <td> или <th> тегов в строке. Это означает, что вам всегда нужна одна строка, в которой все tds не имеют атрибута colspan или атрибута colspan, установленного на 1. Добавление макета таблицы: фиксированный стиль таблицы, похоже, также помогает.

Эта ошибка исправлена, поскольку Opera переключилась с Presto на движок рендеринга Blink в 2013 году.

http://www.crydust.be/test/opera_table_colspan_bug/

Answer 2

Я бы попробовал дать явные классы CSS с явной шириной каждые тд.

<td class="foo">

.foo { width:200px; }.

Убедитесь, чтоматематика складывается правильно.

Answer 3

Похоже на ошибку: - / Я нашел ваш отчет об ошибке, спасибо. Я полагаю, вам нужен хак, в котором вы добавляете одну строку с общим ожидаемым количеством ячеек и стилизуете ее, чтобы она была невидимой