[CSS] komórki tabeli i line-height Opcje

[Skie]

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

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

Na FF ładnie wygląda:

(IMG:http://erathia.no-ip.org/~view/problem3.jpg)

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

(IMG:http://erathia.no-ip.org/~view/problem4.jpg)

-----------------------------------

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 (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Wygląda na to, że coś nie tak z valign=top było.

Ten post edytował Skie 7.08.2008, 17:38:33