Diversa altezza di riga in Explorer e Firefox

[giuffri]

Ciao a tutti, sono nuovo del forum.
sono un principiante e mi sono subito imbattuto nei problemi causati dalla diversa visualizzazione tra Explore e Firefox di una tabella definita tramite CSS.
Ho provato a cercare in vecchie discussioni ma non ho trovato nulla.
Il codice CSS è il seguente:

table {border: 0;
border:1px Black thin;
border-collapse: collapse;}

.intestazione {margin: 2px;
padding: 3px;
padding-left: 8px;
padding-right: 8px;
border: 1px solid #3382B4;
background-color: #7BA2D4;
font-weight: bold;}

.riga1 {background-color: #FFFFFF;}

.riga2 {background-color: #D9E6F7;}

.cella {margin: 2px;
padding: 3px;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #3382B4;}

In Explorer viene mostrata la tebella correttamente mentre in Firefox l'altezza delle righe è molto più alta. Come posso ovviare a questo problema?

[Mich_]

Con tutto quel padding per forza.

Devi studiarti il "box model" (lo trovi come capitolo in tutti i tutorial sui CSS).

Comunque se vuoi una lezione succinta, eccola:
La larghezza totale di un blocco (browser standard) e` data da:
margin + border + padding + width + padding + border + margin
In IE (quirks mode) invece e` data da:
margin + width + margin (border e padding fanno parte di width)
(per l'alteza vale lo stesso discorso, con i termini opportunamente cambiati)

[giuffri]

Come da tuo suggeiemnto mi sono fatto un giro per capire i box model.
Ho anche dato una sbirciata ad alcuni template di tabelle CSS trovati in internet.

Ora il mio codice è questo:

table, td, th {border: 1px solid #3382B4;
border-collapse: collapse
}

td,th {padding: 3px 5px}

.riga1 {background-color: #FFFFFF;}
.riga2 {background-color: #D9E6F7;}

Purtroppo il problema in Firefox persiste!!!
Le righe sono alte il doppio rispetto Explorer.

[Mich_]

Come dicevo, il padding e` gestito in modo diverso dal browser IE (quando lavora in quirks mode = retrocompatibile) rispetto a tutti gli altri.

Una soluzione e` lavorare in XHTML 1.0 Strict, che fa lavorare anche IE6 e 7 in modo standard (quasi, e dipende dalle versioni).

E comunque la soluzione inizia SEMPRE con il sistemare la cosa per i browser standard. Poi se IE da` ancora problemi, si puo` risolvere per tale browser (o per alcune versioni) tramite i "commenti condizionali" ("conditional comments" in inglese). Se non sai cosa sono, cerca nelle guide, nel forum, tra i "link utili", in rete, ...

Come dire:
1. abbassa l'altezza per sistemare in FF
2. scrivi uno stile dentro un commento condiz. per dare le "correzioni" ad IE (naturalmente il CC va inserito DOPO il CSS standard)