Mam taki problem z tabelami w HTML'u, że przeglądarka opera daje im strasznie dużą wysokość (height: 17px; jest całkowicie olewane)
Kod
<table cellpadding=0 cellspacing=0 align=center rules=rows class=rows_col>
<tr>
<td valign=top style="width: 70px;" class=np>{$Lang[7]}</p></td>
<td valign=top style="width: 160px;" class=np align=right><b>test1</b></td>
</tr>
<tr>
<td valign=top style="width: 70px;" class=p>{$Lang[8]}</p></td>
<td valign=top style="width: 160px;" class=p align=right><b>test2</b></td>
</tr>
itd....
</table>
<tr>
<td valign=top style="width: 70px;" class=np>{$Lang[7]}</p></td>
<td valign=top style="width: 160px;" class=np align=right><b>test1</b></td>
</tr>
<tr>
<td valign=top style="width: 70px;" class=p>{$Lang[8]}</p></td>
<td valign=top style="width: 160px;" class=p align=right><b>test2</b></td>
</tr>
itd....
</table>
Plik CSS wygląda tak:
Kod
td.p {
background-color: #000;
padding: 2px;
height: 17px;
font-size: 11px;
color: #fff;
}
td.np {
background-color: #333;
padding: 2px;
height: 17px;
font-size: 11px;
color: #fff;
}
table.rows_col {
color: #696969;
}
background-color: #000;
padding: 2px;
height: 17px;
font-size: 11px;
color: #fff;
}
td.np {
background-color: #333;
padding: 2px;
height: 17px;
font-size: 11px;
color: #fff;
}
table.rows_col {
color: #696969;
}
Na FF ładnie wygląda:

A na Operze niewiadomo skąd taka wyskość się bierze:

-----------------------------------
Komórki tabeli wyglądają identycznie dopiero po ustawiniu: line-height: 0px; - ale to się mija z celem, a jak ustawię jakąkolwiek inną wartość niż 0 to tabele znów zaczynają się rozjeżdżać ;/
Pomoże ktoś?
EDIT:
Temat do zamknięcia - napisałem kod HTML tabeli od nowa i wszystko ładnie działa teraz
