Chrome nie honoruje wysokości wiersza, jeśli obecny jest rowspan
Chcę zrobić stół z komórką, która rozciąga się na dwa rzędy. Drugi rząd musi mieć jak najmniejszą wysokość. Przykład:
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;
}
Działa na Firefox (19.0.2). W Chromium (25.0.1364.160) wiersz o minimalnej wysokości jest pierwszym!
EDYCJA: Problem jest spowodowany przez ten błąd:http://code.google.com/p/chromium/issues/detail?id=78724
Jak mogę zhackować go za pomocą CSS? Obecnie używam JS, ustawiając wysokość pierwszego rzędu równą wysokości komórki rozpiętej na rząd minus wysokość drugiego rzędu.