[CSS] problema width celle in tabella.

[Sh4nK]

Ciao a tutti, non sono molto pratico di CSS, ci stavo sbattendo la testa giusto in questi giorni, magari riuscite a darmi una mano per il mio problema.

Ho le seguenti due formattazioni per le tabelle:

table.sample2 {
border-width: 3px 3px 3px 3px;
border-spacing: 1px;
border-style: ridge ridge ridge ridge;
border-color: gray gray gray gray;
border-collapse: separate;
background-color: white;
width: 960px;
}
table.sample2 th {
border-width: 1px 1px 1px 1px;
padding: 2px 2px 2px 2px;
border-style: ridge ridge ridge ridge;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
width: 160px;
}
table.sample2 td {
border-width: 1px 1px 1px 1px;
padding: 2px 2px 2px 10px;
border-style: ridge ridge ridge ridge;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
width: 160px;
}
table.sample3 {
border-width: 3px 3px 3px 3px;
border-spacing: 1px;
border-style: ridge ridge ridge ridge;
border-color: gray gray gray gray;
border-collapse: separate;
background-color: white;
width: 960px;
}
table.sample3 th {
border-width: 1px 1px 1px 1px;
padding: 2px 2px 2px 2px;
border-style: ridge ridge ridge ridge;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
width: 80px;
}
table.sample3 td {
border-width: 1px 1px 1px 1px;
padding: 2px 2px 2px 10px;
border-style: ridge ridge ridge ridge;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
width: 80px;
}

Ed ho la seguente tabella:

<table class="sample2" align="center">
<tr>
<td class="sample3">
uno</td>
<td class="sample3">
due</td>
<td class="sample2">
tre</td>
<td class="sample2">
quattro</td>
<td class="sample2">
cinque</td>
<td class="sample2">
sei</td>
<td class="sample2">
sette</td>
</tr>
<tr>
<td class="sample3">
uno</td>
<td class="sample3">
due</td>
<td class="sample2">
tre</td>
<td class="sample2">
quattro</td>
<td class="sample2">
cinque</td>
<td class="sample2">
sei</td>
<td class="sample2">
sette</td>
</tr>
</table>

Come potete vedere, tutto sto casino per dirgli che le prime due celle di ogni riga devono essere di 80px mentre tutte le restanti di 160px... il problema é che mi rispetta si la grandezza preimpostata della width complessiva della riga, mi rispetta anche tutta la formattazione in generale... ma della width delle celle che gli ho dato non gliene può fregare di meno!!! WHY??? Ho provato anche a mettere le percentuali ma fa sempre come vuole lui, senza un'apparente logica. Cosa sbaglio???

Grazie per l'help. =)

[Sh4nK]

Mi hanno consigliato di usare una sintassi più semplice perché probabilmente subentravano dei problemi di ereditarietà.

Per i posteri la versione funzionante:

.qck-table {
border-width: 3px 3px 3px 3px;
border-spacing: 1px;
border-style: ridge ridge ridge ridge;
border-color: gray gray gray gray;
border-collapse: separate;
background-color: white;
}

.qck-th70 {
border-width: 1px 1px 1px 1px;
padding: 2px 2px 2px 2px;
border-style: ridge ridge ridge ridge;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
width: 70px;
}

.qck-td70{
border-width: 1px 1px 1px 1px;
padding: 2px 2px 2px 10px;
border-style: ridge ridge ridge ridge;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
width: 70px;
}

.qck-th140 {
border-width: 1px 1px 1px 1px;
padding: 2px 2px 2px 2px;
border-style: ridge ridge ridge ridge;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
width: 140px;
}

.qck-td140{
border-width: 1px 1px 1px 1px;
padding: 2px 2px 2px 10px;
border-style: ridge ridge ridge ridge;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
width: 140px;
}