O Chrome não respeita a altura da linha se a fila estiver presente
Eu quero fazer uma tabela com uma célula que se estende em duas linhas. A segunda linha deve ter o tamanho de altura o mínimo possível. Exemplo:
html:
<table>
<tr id="row-1">
<td>
1st row
</td>
<td rowspan="2">
a <br />
a <br />
a <br />
a <br />
a <br />
a <br />
a <br />
a <br />
</td>
</tr>
<tr id="row-2">
<td>
2nd row
</td>
</tr>
</table>
css:
td
{
border: 1px solid black;
}
#row-2
{
height: 1px;
}
Funciona no Firefox (19.0.2). No Chromium (25.0.1364.160), a linha com a altura mínima é a primeira!
EDIT: O problema é causado por esse bug:http://code.google.com/p/chromium/issues/detail?id=78724
Como posso hackeá-lo com CSS? Atualmente estou usando o JS, definindo a altura da primeira linha igual à altura da célula da fila de linhas menos a altura da segunda linha.